
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>fa</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="./css/lyicon.css">
</head>
<body>
    <div class="main">
        <h1>lyicon图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon fa">&#xe600;</i>
                    <div class="name">amazon</div>
                    <div class="code">&amp;#xe600;</div>
                    <div class="fontclass">.amazon</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe601;</i>
                    <div class="name">balance-scale</div>
                    <div class="code">&amp;#xe601;</div>
                    <div class="fontclass">.balancescale</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe602;</i>
                    <div class="name">battery-0 (alias)</div>
                    <div class="code">&amp;#xe602;</div>
                    <div class="fontclass">.battery0alias</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe603;</i>
                    <div class="name">battery-empty</div>
                    <div class="code">&amp;#xe603;</div>
                    <div class="fontclass">.batteryempty</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe604;</i>
                    <div class="name">battery-empty</div>
                    <div class="code">&amp;#xe604;</div>
                    <div class="fontclass">.batteryempty1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe605;</i>
                    <div class="name">calendar-check-o</div>
                    <div class="code">&amp;#xe605;</div>
                    <div class="fontclass">.calendarchecko</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe606;</i>
                    <div class="name">calendar-minus-o</div>
                    <div class="code">&amp;#xe606;</div>
                    <div class="fontclass">.calendarminuso</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe607;</i>
                    <div class="name">calendar-plus-o</div>
                    <div class="code">&amp;#xe607;</div>
                    <div class="fontclass">.calendarpluso</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe608;</i>
                    <div class="name">calendar-times-o</div>
                    <div class="code">&amp;#xe608;</div>
                    <div class="fontclass">.calendartimeso</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe609;</i>
                    <div class="name">clone</div>
                    <div class="code">&amp;#xe609;</div>
                    <div class="fontclass">.clone</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe60a;</i>
                    <div class="name">creative-commons</div>
                    <div class="code">&amp;#xe60a;</div>
                    <div class="fontclass">.creativecommons</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe60b;</i>
                    <div class="name">gg</div>
                    <div class="code">&amp;#xe60b;</div>
                    <div class="fontclass">.gg</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe60c;</i>
                    <div class="name">genderless</div>
                    <div class="code">&amp;#xe60c;</div>
                    <div class="fontclass">.genderless</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe60d;</i>
                    <div class="name">hand-grab-o</div>
                    <div class="code">&amp;#xe60d;</div>
                    <div class="fontclass">.handgrabo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe60e;</i>
                    <div class="name">hand-lizard-o</div>
                    <div class="code">&amp;#xe60e;</div>
                    <div class="fontclass">.handlizardo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe60f;</i>
                    <div class="name">hand-paper-o</div>
                    <div class="code">&amp;#xe60f;</div>
                    <div class="fontclass">.handpapero</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe610;</i>
                    <div class="name">hand-peace-o</div>
                    <div class="code">&amp;#xe610;</div>
                    <div class="fontclass">.handpeaceo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe611;</i>
                    <div class="name">hand-pointer-o</div>
                    <div class="code">&amp;#xe611;</div>
                    <div class="fontclass">.handpointero</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe612;</i>
                    <div class="name">hand-rock-o</div>
                    <div class="code">&amp;#xe612;</div>
                    <div class="fontclass">.handrocko</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe613;</i>
                    <div class="name">hand-scissors-o</div>
                    <div class="code">&amp;#xe613;</div>
                    <div class="fontclass">.handscissorso</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe614;</i>
                    <div class="name">hand-spock-o</div>
                    <div class="code">&amp;#xe614;</div>
                    <div class="fontclass">.handspocko</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe615;</i>
                    <div class="name">hand-stop-o</div>
                    <div class="code">&amp;#xe615;</div>
                    <div class="fontclass">.handstopo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe616;</i>
                    <div class="name">hourglass</div>
                    <div class="code">&amp;#xe616;</div>
                    <div class="fontclass">.hourglass</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe617;</i>
                    <div class="name">hourglass-2</div>
                    <div class="code">&amp;#xe617;</div>
                    <div class="fontclass">.hourglass2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe618;</i>
                    <div class="name">hourglass-3</div>
                    <div class="code">&amp;#xe618;</div>
                    <div class="fontclass">.hourglass3</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe619;</i>
                    <div class="name">hourglass-end</div>
                    <div class="code">&amp;#xe619;</div>
                    <div class="fontclass">.hourglassend</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe61a;</i>
                    <div class="name">hourglass-half</div>
                    <div class="code">&amp;#xe61a;</div>
                    <div class="fontclass">.hourglasshalf</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe61b;</i>
                    <div class="name">hourglass-o</div>
                    <div class="code">&amp;#xe61b;</div>
                    <div class="fontclass">.hourglasso</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe61c;</i>
                    <div class="name">hourglass-star</div>
                    <div class="code">&amp;#xe61c;</div>
                    <div class="fontclass">.hourglassstar</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe61d;</i>
                    <div class="name">i-cursor</div>
                    <div class="code">&amp;#xe61d;</div>
                    <div class="fontclass">.icursor</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe61e;</i>
                    <div class="name">map-o</div>
                    <div class="code">&amp;#xe61e;</div>
                    <div class="fontclass">.mapo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe61f;</i>
                    <div class="name">mouse-pointer-0</div>
                    <div class="code">&amp;#xe61f;</div>
                    <div class="fontclass">.mousepointer0</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe620;</i>
                    <div class="name">object-group</div>
                    <div class="code">&amp;#xe620;</div>
                    <div class="fontclass">.objectgroup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe621;</i>
                    <div class="name">object-ungroup</div>
                    <div class="code">&amp;#xe621;</div>
                    <div class="fontclass">.objectungroup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe622;</i>
                    <div class="name">opencart</div>
                    <div class="code">&amp;#xe622;</div>
                    <div class="fontclass">.opencart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe623;</i>
                    <div class="name">optin-monster</div>
                    <div class="code">&amp;#xe623;</div>
                    <div class="fontclass">.optinmonster</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe624;</i>
                    <div class="name">registered</div>
                    <div class="code">&amp;#xe624;</div>
                    <div class="fontclass">.registered</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe625;</i>
                    <div class="name">sticky-note-o</div>
                    <div class="code">&amp;#xe625;</div>
                    <div class="fontclass">.stickynoteo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe626;</i>
                    <div class="name">television</div>
                    <div class="code">&amp;#xe626;</div>
                    <div class="fontclass">.television</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe627;</i>
                    <div class="name">trademark</div>
                    <div class="code">&amp;#xe627;</div>
                    <div class="fontclass">.trademark</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe628;</i>
                    <div class="name">tripadvisor</div>
                    <div class="code">&amp;#xe628;</div>
                    <div class="fontclass">.tripadvisor</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe629;</i>
                    <div class="name">tv</div>
                    <div class="code">&amp;#xe629;</div>
                    <div class="fontclass">.tv</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe62a;</i>
                    <div class="name">wikipedia-w</div>
                    <div class="code">&amp;#xe62a;</div>
                    <div class="fontclass">.wikipediaw</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe62b;</i>
                    <div class="name">at</div>
                    <div class="code">&amp;#xe62b;</div>
                    <div class="fontclass">.at</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe62c;</i>
                    <div class="name">balance-scale</div>
                    <div class="code">&amp;#xe62c;</div>
                    <div class="fontclass">.balancescale1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe62d;</i>
                    <div class="name">bar-chart</div>
                    <div class="code">&amp;#xe62d;</div>
                    <div class="fontclass">.barchart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe62e;</i>
                    <div class="name">bar-chart-o</div>
                    <div class="code">&amp;#xe62e;</div>
                    <div class="fontclass">.barcharto</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe62f;</i>
                    <div class="name">barcode</div>
                    <div class="code">&amp;#xe62f;</div>
                    <div class="fontclass">.barcode</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe630;</i>
                    <div class="name">bars</div>
                    <div class="code">&amp;#xe630;</div>
                    <div class="fontclass">.bars</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe631;</i>
                    <div class="name">bell-o</div>
                    <div class="code">&amp;#xe631;</div>
                    <div class="fontclass">.bello</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe632;</i>
                    <div class="name">bell-slash-o</div>
                    <div class="code">&amp;#xe632;</div>
                    <div class="fontclass">.bellslasho</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe633;</i>
                    <div class="name">bicycle</div>
                    <div class="code">&amp;#xe633;</div>
                    <div class="fontclass">.bicycle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe634;</i>
                    <div class="name">bookmark-o</div>
                    <div class="code">&amp;#xe634;</div>
                    <div class="fontclass">.bookmarko</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe635;</i>
                    <div class="name">building-o</div>
                    <div class="code">&amp;#xe635;</div>
                    <div class="fontclass">.buildingo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe636;</i>
                    <div class="name">bullhorn</div>
                    <div class="code">&amp;#xe636;</div>
                    <div class="fontclass">.bullhorn</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe637;</i>
                    <div class="name">bullseye</div>
                    <div class="code">&amp;#xe637;</div>
                    <div class="fontclass">.bullseye</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe638;</i>
                    <div class="name">calendar-times-o</div>
                    <div class="code">&amp;#xe638;</div>
                    <div class="fontclass">.calendartimeso1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe639;</i>
                    <div class="name">calendar</div>
                    <div class="code">&amp;#xe639;</div>
                    <div class="fontclass">.calendar</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe63a;</i>
                    <div class="name">calendar-check-o</div>
                    <div class="code">&amp;#xe63a;</div>
                    <div class="fontclass">.calendarchecko1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe63b;</i>
                    <div class="name">calendar-minus-o</div>
                    <div class="code">&amp;#xe63b;</div>
                    <div class="fontclass">.calendarminuso1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe63c;</i>
                    <div class="name">calendar-o</div>
                    <div class="code">&amp;#xe63c;</div>
                    <div class="fontclass">.calendaro</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe63d;</i>
                    <div class="name">calendar-plus-o</div>
                    <div class="code">&amp;#xe63d;</div>
                    <div class="fontclass">.calendarpluso1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe63e;</i>
                    <div class="name">caret-square-o-down</div>
                    <div class="code">&amp;#xe63e;</div>
                    <div class="fontclass">.caretsquareodown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe63f;</i>
                    <div class="name">caret-square-o-left</div>
                    <div class="code">&amp;#xe63f;</div>
                    <div class="fontclass">.caretsquareoleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe640;</i>
                    <div class="name">caret-square-o-right</div>
                    <div class="code">&amp;#xe640;</div>
                    <div class="fontclass">.caretsquareoright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe641;</i>
                    <div class="name">caret-square-o-up</div>
                    <div class="code">&amp;#xe641;</div>
                    <div class="fontclass">.caretsquareoup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe642;</i>
                    <div class="name">circle-o-notch</div>
                    <div class="code">&amp;#xe642;</div>
                    <div class="fontclass">.circleonotch</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe643;</i>
                    <div class="name">circle-thin</div>
                    <div class="code">&amp;#xe643;</div>
                    <div class="fontclass">.circlethin</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe644;</i>
                    <div class="name">clock-o</div>
                    <div class="code">&amp;#xe644;</div>
                    <div class="fontclass">.clocko</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe645;</i>
                    <div class="name">close</div>
                    <div class="code">&amp;#xe645;</div>
                    <div class="fontclass">.close</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe646;</i>
                    <div class="name">cc</div>
                    <div class="code">&amp;#xe646;</div>
                    <div class="fontclass">.cc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe647;</i>
                    <div class="name">certificate</div>
                    <div class="code">&amp;#xe647;</div>
                    <div class="fontclass">.certificate</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe648;</i>
                    <div class="name">check</div>
                    <div class="code">&amp;#xe648;</div>
                    <div class="fontclass">.check</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe649;</i>
                    <div class="name">check-circle-o</div>
                    <div class="code">&amp;#xe649;</div>
                    <div class="fontclass">.checkcircleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe64a;</i>
                    <div class="name">check-square-o</div>
                    <div class="code">&amp;#xe64a;</div>
                    <div class="fontclass">.checksquareo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe64b;</i>
                    <div class="name">circle-o</div>
                    <div class="code">&amp;#xe64b;</div>
                    <div class="fontclass">.circleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe64c;</i>
                    <div class="name">code</div>
                    <div class="code">&amp;#xe64c;</div>
                    <div class="fontclass">.code</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe64d;</i>
                    <div class="name">code-fork</div>
                    <div class="code">&amp;#xe64d;</div>
                    <div class="fontclass">.codefork</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe64e;</i>
                    <div class="name">coffee</div>
                    <div class="code">&amp;#xe64e;</div>
                    <div class="fontclass">.coffee</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe64f;</i>
                    <div class="name">compass</div>
                    <div class="code">&amp;#xe64f;</div>
                    <div class="fontclass">.compass</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe650;</i>
                    <div class="name">copyright</div>
                    <div class="code">&amp;#xe650;</div>
                    <div class="fontclass">.copyright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe651;</i>
                    <div class="name">creative-commons</div>
                    <div class="code">&amp;#xe651;</div>
                    <div class="fontclass">.creativecommons1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe652;</i>
                    <div class="name">credit-card</div>
                    <div class="code">&amp;#xe652;</div>
                    <div class="fontclass">.creditcard</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe653;</i>
                    <div class="name">crop</div>
                    <div class="code">&amp;#xe653;</div>
                    <div class="fontclass">.crop</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe654;</i>
                    <div class="name">crosshairs</div>
                    <div class="code">&amp;#xe654;</div>
                    <div class="fontclass">.crosshairs</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe655;</i>
                    <div class="name">cube</div>
                    <div class="code">&amp;#xe655;</div>
                    <div class="fontclass">.cube</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe656;</i>
                    <div class="name">cubes</div>
                    <div class="code">&amp;#xe656;</div>
                    <div class="fontclass">.cubes</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe657;</i>
                    <div class="name">database</div>
                    <div class="code">&amp;#xe657;</div>
                    <div class="fontclass">.database</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe658;</i>
                    <div class="name">desktop</div>
                    <div class="code">&amp;#xe658;</div>
                    <div class="fontclass">.desktop</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe659;</i>
                    <div class="name">diamond</div>
                    <div class="code">&amp;#xe659;</div>
                    <div class="fontclass">.diamond</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe65a;</i>
                    <div class="name">dot-circle-o</div>
                    <div class="code">&amp;#xe65a;</div>
                    <div class="fontclass">.dotcircleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe65b;</i>
                    <div class="name">edit</div>
                    <div class="code">&amp;#xe65b;</div>
                    <div class="fontclass">.edit</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe65c;</i>
                    <div class="name">envelope-o</div>
                    <div class="code">&amp;#xe65c;</div>
                    <div class="fontclass">.envelopeo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe65d;</i>
                    <div class="name">exclamation</div>
                    <div class="code">&amp;#xe65d;</div>
                    <div class="fontclass">.exclamation</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe65e;</i>
                    <div class="name">external-link</div>
                    <div class="code">&amp;#xe65e;</div>
                    <div class="fontclass">.externallink</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe65f;</i>
                    <div class="name">eye</div>
                    <div class="code">&amp;#xe65f;</div>
                    <div class="fontclass">.eye</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe660;</i>
                    <div class="name">eyedropper</div>
                    <div class="code">&amp;#xe660;</div>
                    <div class="fontclass">.eyedropper</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe661;</i>
                    <div class="name">eye-slash</div>
                    <div class="code">&amp;#xe661;</div>
                    <div class="fontclass">.eyeslash</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe662;</i>
                    <div class="name">feed</div>
                    <div class="code">&amp;#xe662;</div>
                    <div class="fontclass">.feed</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe663;</i>
                    <div class="name">female</div>
                    <div class="code">&amp;#xe663;</div>
                    <div class="fontclass">.female</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe664;</i>
                    <div class="name">fighter-jet</div>
                    <div class="code">&amp;#xe664;</div>
                    <div class="fontclass">.fighterjet</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe665;</i>
                    <div class="name">file-archive-o</div>
                    <div class="code">&amp;#xe665;</div>
                    <div class="fontclass">.filearchiveo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe666;</i>
                    <div class="name">file-audio-o</div>
                    <div class="code">&amp;#xe666;</div>
                    <div class="fontclass">.fileaudioo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe667;</i>
                    <div class="name">file-code-o</div>
                    <div class="code">&amp;#xe667;</div>
                    <div class="fontclass">.filecodeo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe668;</i>
                    <div class="name">file-excel-o</div>
                    <div class="code">&amp;#xe668;</div>
                    <div class="fontclass">.fileexcelo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe669;</i>
                    <div class="name">file-image-o</div>
                    <div class="code">&amp;#xe669;</div>
                    <div class="fontclass">.fileimageo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe66a;</i>
                    <div class="name">file-movie-o</div>
                    <div class="code">&amp;#xe66a;</div>
                    <div class="fontclass">.filemovieo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe66b;</i>
                    <div class="name">file-pdf-o</div>
                    <div class="code">&amp;#xe66b;</div>
                    <div class="fontclass">.filepdfo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe66c;</i>
                    <div class="name">file-photo-o</div>
                    <div class="code">&amp;#xe66c;</div>
                    <div class="fontclass">.filephotoo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe66d;</i>
                    <div class="name">file-picture-o</div>
                    <div class="code">&amp;#xe66d;</div>
                    <div class="fontclass">.filepictureo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe66e;</i>
                    <div class="name">file-powerpoint-o</div>
                    <div class="code">&amp;#xe66e;</div>
                    <div class="fontclass">.filepowerpointo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe66f;</i>
                    <div class="name">file-video-o</div>
                    <div class="code">&amp;#xe66f;</div>
                    <div class="fontclass">.filevideoo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe670;</i>
                    <div class="name">file-word-o</div>
                    <div class="code">&amp;#xe670;</div>
                    <div class="fontclass">.filewordo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe671;</i>
                    <div class="name">file-zip-o</div>
                    <div class="code">&amp;#xe671;</div>
                    <div class="fontclass">.filezipo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe672;</i>
                    <div class="name">film</div>
                    <div class="code">&amp;#xe672;</div>
                    <div class="fontclass">.film</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe673;</i>
                    <div class="name">filter</div>
                    <div class="code">&amp;#xe673;</div>
                    <div class="fontclass">.filter</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe674;</i>
                    <div class="name">fire</div>
                    <div class="code">&amp;#xe674;</div>
                    <div class="fontclass">.fire</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe675;</i>
                    <div class="name">flag-checkered</div>
                    <div class="code">&amp;#xe675;</div>
                    <div class="fontclass">.flagcheckered</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe676;</i>
                    <div class="name">flag-o</div>
                    <div class="code">&amp;#xe676;</div>
                    <div class="fontclass">.flago</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe677;</i>
                    <div class="name">ile-sound-o</div>
                    <div class="code">&amp;#xe677;</div>
                    <div class="fontclass">.ilesoundo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe678;</i>
                    <div class="name">flask</div>
                    <div class="code">&amp;#xe678;</div>
                    <div class="fontclass">.flask</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe679;</i>
                    <div class="name">folder-o</div>
                    <div class="code">&amp;#xe679;</div>
                    <div class="fontclass">.foldero</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe67a;</i>
                    <div class="name">folder-open-o</div>
                    <div class="code">&amp;#xe67a;</div>
                    <div class="fontclass">.folderopeno</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe67b;</i>
                    <div class="name">frown-o</div>
                    <div class="code">&amp;#xe67b;</div>
                    <div class="fontclass">.frowno</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe67c;</i>
                    <div class="name">futbol-o</div>
                    <div class="code">&amp;#xe67c;</div>
                    <div class="fontclass">.futbolo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe67d;</i>
                    <div class="name">hdd-o</div>
                    <div class="code">&amp;#xe67d;</div>
                    <div class="fontclass">.hddo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe67e;</i>
                    <div class="name">heart-o</div>
                    <div class="code">&amp;#xe67e;</div>
                    <div class="fontclass">.hearto</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe67f;</i>
                    <div class="name">history</div>
                    <div class="code">&amp;#xe67f;</div>
                    <div class="fontclass">.history</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe680;</i>
                    <div class="name">inbox</div>
                    <div class="code">&amp;#xe680;</div>
                    <div class="fontclass">.inbox</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe681;</i>
                    <div class="name">keyboard-o</div>
                    <div class="code">&amp;#xe681;</div>
                    <div class="fontclass">.keyboardo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe682;</i>
                    <div class="name">language</div>
                    <div class="code">&amp;#xe682;</div>
                    <div class="fontclass">.language</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe683;</i>
                    <div class="name">laptop</div>
                    <div class="code">&amp;#xe683;</div>
                    <div class="fontclass">.laptop</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe684;</i>
                    <div class="name">lemon-o</div>
                    <div class="code">&amp;#xe684;</div>
                    <div class="fontclass">.lemono</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe685;</i>
                    <div class="name">level-down</div>
                    <div class="code">&amp;#xe685;</div>
                    <div class="fontclass">.leveldown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe686;</i>
                    <div class="name">level-up</div>
                    <div class="code">&amp;#xe686;</div>
                    <div class="fontclass">.levelup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe687;</i>
                    <div class="name">lightbulb-o</div>
                    <div class="code">&amp;#xe687;</div>
                    <div class="fontclass">.lightbulbo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe688;</i>
                    <div class="name">male</div>
                    <div class="code">&amp;#xe688;</div>
                    <div class="fontclass">.male</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe689;</i>
                    <div class="name">meh-o</div>
                    <div class="code">&amp;#xe689;</div>
                    <div class="fontclass">.meho</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe68a;</i>
                    <div class="name">minus</div>
                    <div class="code">&amp;#xe68a;</div>
                    <div class="fontclass">.minus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe68b;</i>
                    <div class="name">location-arrow</div>
                    <div class="code">&amp;#xe68b;</div>
                    <div class="fontclass">.locationarrow</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe68c;</i>
                    <div class="name">lock</div>
                    <div class="code">&amp;#xe68c;</div>
                    <div class="fontclass">.lock</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe68d;</i>
                    <div class="name">minus-square-o </div>
                    <div class="code">&amp;#xe68d;</div>
                    <div class="fontclass">.minussquareo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe68e;</i>
                    <div class="name">mobile</div>
                    <div class="code">&amp;#xe68e;</div>
                    <div class="fontclass">.mobile</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe68f;</i>
                    <div class="name">mobile-phone</div>
                    <div class="code">&amp;#xe68f;</div>
                    <div class="fontclass">.mobilephone</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe690;</i>
                    <div class="name">money</div>
                    <div class="code">&amp;#xe690;</div>
                    <div class="fontclass">.money</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe691;</i>
                    <div class="name">moon-o</div>
                    <div class="code">&amp;#xe691;</div>
                    <div class="fontclass">.moono</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe692;</i>
                    <div class="name">mortar-board</div>
                    <div class="code">&amp;#xe692;</div>
                    <div class="fontclass">.mortarboard</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe693;</i>
                    <div class="name">navicon</div>
                    <div class="code">&amp;#xe693;</div>
                    <div class="fontclass">.navicon</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe694;</i>
                    <div class="name">newspaper-o</div>
                    <div class="code">&amp;#xe694;</div>
                    <div class="fontclass">.newspapero</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe695;</i>
                    <div class="name">paper-plane-o</div>
                    <div class="code">&amp;#xe695;</div>
                    <div class="fontclass">.paperplaneo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe696;</i>
                    <div class="name">paw</div>
                    <div class="code">&amp;#xe696;</div>
                    <div class="fontclass">.paw</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe697;</i>
                    <div class="name">pencil-square-o</div>
                    <div class="code">&amp;#xe697;</div>
                    <div class="fontclass">.pencilsquareo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe698;</i>
                    <div class="name">photo</div>
                    <div class="code">&amp;#xe698;</div>
                    <div class="fontclass">.photo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe699;</i>
                    <div class="name">picture-o</div>
                    <div class="code">&amp;#xe699;</div>
                    <div class="fontclass">.pictureo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe69a;</i>
                    <div class="name">plane</div>
                    <div class="code">&amp;#xe69a;</div>
                    <div class="fontclass">.plane</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe69b;</i>
                    <div class="name">plug</div>
                    <div class="code">&amp;#xe69b;</div>
                    <div class="fontclass">.plug</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe69c;</i>
                    <div class="name">plus</div>
                    <div class="code">&amp;#xe69c;</div>
                    <div class="fontclass">.plus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe69d;</i>
                    <div class="name">plus-square-o</div>
                    <div class="code">&amp;#xe69d;</div>
                    <div class="fontclass">.plussquareo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe69e;</i>
                    <div class="name">power-off</div>
                    <div class="code">&amp;#xe69e;</div>
                    <div class="fontclass">.poweroff</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe69f;</i>
                    <div class="name">qrcode</div>
                    <div class="code">&amp;#xe69f;</div>
                    <div class="fontclass">.qrcode</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a0;</i>
                    <div class="name">registered</div>
                    <div class="code">&amp;#xe6a0;</div>
                    <div class="fontclass">.registered1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a1;</i>
                    <div class="name">-remove</div>
                    <div class="code">&amp;#xe6a1;</div>
                    <div class="fontclass">.remove</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a2;</i>
                    <div class="name">reorder</div>
                    <div class="code">&amp;#xe6a2;</div>
                    <div class="fontclass">.reorder</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a3;</i>
                    <div class="name">rss</div>
                    <div class="code">&amp;#xe6a3;</div>
                    <div class="fontclass">.rss</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a4;</i>
                    <div class="name">search-plus</div>
                    <div class="code">&amp;#xe6a4;</div>
                    <div class="fontclass">.searchplus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a5;</i>
                    <div class="name">search</div>
                    <div class="code">&amp;#xe6a5;</div>
                    <div class="fontclass">.search</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a6;</i>
                    <div class="name">search-minus</div>
                    <div class="code">&amp;#xe6a6;</div>
                    <div class="fontclass">.searchminus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a7;</i>
                    <div class="name">server</div>
                    <div class="code">&amp;#xe6a7;</div>
                    <div class="fontclass">.server</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a8;</i>
                    <div class="name">share</div>
                    <div class="code">&amp;#xe6a8;</div>
                    <div class="fontclass">.share</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6a9;</i>
                    <div class="name">share-square-o</div>
                    <div class="code">&amp;#xe6a9;</div>
                    <div class="fontclass">.sharesquareo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6aa;</i>
                    <div class="name">shield</div>
                    <div class="code">&amp;#xe6aa;</div>
                    <div class="fontclass">.shield</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ab;</i>
                    <div class="name">send</div>
                    <div class="code">&amp;#xe6ab;</div>
                    <div class="fontclass">.send</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ac;</i>
                    <div class="name">send-o</div>
                    <div class="code">&amp;#xe6ac;</div>
                    <div class="fontclass">.sendo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ad;</i>
                    <div class="name">signal</div>
                    <div class="code">&amp;#xe6ad;</div>
                    <div class="fontclass">.signal</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ae;</i>
                    <div class="name">smile-o</div>
                    <div class="code">&amp;#xe6ae;</div>
                    <div class="fontclass">.smileo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6af;</i>
                    <div class="name">soccer-ball-o</div>
                    <div class="code">&amp;#xe6af;</div>
                    <div class="fontclass">.soccerballo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b0;</i>
                    <div class="name">sort-alpha-asc</div>
                    <div class="code">&amp;#xe6b0;</div>
                    <div class="fontclass">.sortalphaasc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b1;</i>
                    <div class="name">sort-alpha-desc</div>
                    <div class="code">&amp;#xe6b1;</div>
                    <div class="fontclass">.sortalphadesc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b2;</i>
                    <div class="name">sort-amount-asc</div>
                    <div class="code">&amp;#xe6b2;</div>
                    <div class="fontclass">.sortamountasc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b3;</i>
                    <div class="name">sort-amount-desc</div>
                    <div class="code">&amp;#xe6b3;</div>
                    <div class="fontclass">.sortamountdesc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b4;</i>
                    <div class="name">sort-asc</div>
                    <div class="code">&amp;#xe6b4;</div>
                    <div class="fontclass">.sortasc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b5;</i>
                    <div class="name">sort-desc</div>
                    <div class="code">&amp;#xe6b5;</div>
                    <div class="fontclass">.sortdesc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b6;</i>
                    <div class="name">sort-down </div>
                    <div class="code">&amp;#xe6b6;</div>
                    <div class="fontclass">.sortdown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b7;</i>
                    <div class="name">sort-numeric-asc</div>
                    <div class="code">&amp;#xe6b7;</div>
                    <div class="fontclass">.sortnumericasc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b8;</i>
                    <div class="name">sort-numeric-desc</div>
                    <div class="code">&amp;#xe6b8;</div>
                    <div class="fontclass">.sortnumericdesc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6b9;</i>
                    <div class="name">sort-up</div>
                    <div class="code">&amp;#xe6b9;</div>
                    <div class="fontclass">.sortup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ba;</i>
                    <div class="name">spinner</div>
                    <div class="code">&amp;#xe6ba;</div>
                    <div class="fontclass">.spinner</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6bb;</i>
                    <div class="name">spoon</div>
                    <div class="code">&amp;#xe6bb;</div>
                    <div class="fontclass">.spoon</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6bc;</i>
                    <div class="name">star-half-empty</div>
                    <div class="code">&amp;#xe6bc;</div>
                    <div class="fontclass">.starhalfempty</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6bd;</i>
                    <div class="name">star-half-full</div>
                    <div class="code">&amp;#xe6bd;</div>
                    <div class="fontclass">.starhalffull</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6be;</i>
                    <div class="name">star-half-o</div>
                    <div class="code">&amp;#xe6be;</div>
                    <div class="fontclass">.starhalfo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6bf;</i>
                    <div class="name">star-o</div>
                    <div class="code">&amp;#xe6bf;</div>
                    <div class="fontclass">.staro</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c0;</i>
                    <div class="name">square-o</div>
                    <div class="code">&amp;#xe6c0;</div>
                    <div class="fontclass">.squareo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c1;</i>
                    <div class="name">times</div>
                    <div class="code">&amp;#xe6c1;</div>
                    <div class="fontclass">.times</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c2;</i>
                    <div class="name">street-view</div>
                    <div class="code">&amp;#xe6c2;</div>
                    <div class="fontclass">.streetview</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c3;</i>
                    <div class="name">sun-o</div>
                    <div class="code">&amp;#xe6c3;</div>
                    <div class="fontclass">.suno</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c4;</i>
                    <div class="name">support</div>
                    <div class="code">&amp;#xe6c4;</div>
                    <div class="fontclass">.support</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c5;</i>
                    <div class="name">tablet</div>
                    <div class="code">&amp;#xe6c5;</div>
                    <div class="fontclass">.tablet</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c6;</i>
                    <div class="name">tasks</div>
                    <div class="code">&amp;#xe6c6;</div>
                    <div class="fontclass">.tasks</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c7;</i>
                    <div class="name">television</div>
                    <div class="code">&amp;#xe6c7;</div>
                    <div class="fontclass">.television1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c8;</i>
                    <div class="name">terminal</div>
                    <div class="code">&amp;#xe6c8;</div>
                    <div class="fontclass">.terminal</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6c9;</i>
                    <div class="name">thumbs-o-down</div>
                    <div class="code">&amp;#xe6c9;</div>
                    <div class="fontclass">.thumbsodown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ca;</i>
                    <div class="name">thumbs-o-up</div>
                    <div class="code">&amp;#xe6ca;</div>
                    <div class="fontclass">.thumbsoup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6cb;</i>
                    <div class="name">fa-braille</div>
                    <div class="code">&amp;#xe6cb;</div>
                    <div class="fontclass">.fabraille</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6cc;</i>
                    <div class="name">fa-cc</div>
                    <div class="code">&amp;#xe6cc;</div>
                    <div class="fontclass">.facc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6cd;</i>
                    <div class="name">fa-deaf</div>
                    <div class="code">&amp;#xe6cd;</div>
                    <div class="fontclass">.fadeaf</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ce;</i>
                    <div class="name">fa-deafness</div>
                    <div class="code">&amp;#xe6ce;</div>
                    <div class="fontclass">.fadeafness</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6cf;</i>
                    <div class="name">fa-hard-of-hearing</div>
                    <div class="code">&amp;#xe6cf;</div>
                    <div class="fontclass">.fahardofhearing</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d0;</i>
                    <div class="name">fa-tree</div>
                    <div class="code">&amp;#xe6d0;</div>
                    <div class="fontclass">.fatree</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d1;</i>
                    <div class="name">fa-question-circle</div>
                    <div class="code">&amp;#xe6d1;</div>
                    <div class="fontclass">.faquestioncircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d2;</i>
                    <div class="name">-signing</div>
                    <div class="code">&amp;#xe6d2;</div>
                    <div class="fontclass">.signing</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d3;</i>
                    <div class="name">fa-sign-language</div>
                    <div class="code">&amp;#xe6d3;</div>
                    <div class="fontclass">.fasignlanguage</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d4;</i>
                    <div class="name">fa-times-circle</div>
                    <div class="code">&amp;#xe6d4;</div>
                    <div class="fontclass">.fatimescircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d5;</i>
                    <div class="name">fa-times-circle-o</div>
                    <div class="code">&amp;#xe6d5;</div>
                    <div class="fontclass">.fatimescircleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d6;</i>
                    <div class="name">fa-tint</div>
                    <div class="code">&amp;#xe6d6;</div>
                    <div class="fontclass">.fatint</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d7;</i>
                    <div class="name">fa-toggle-down</div>
                    <div class="code">&amp;#xe6d7;</div>
                    <div class="fontclass">.fatoggledown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d8;</i>
                    <div class="name">fa-toggle-left</div>
                    <div class="code">&amp;#xe6d8;</div>
                    <div class="fontclass">.fatoggleleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6d9;</i>
                    <div class="name">fa-toggle-off</div>
                    <div class="code">&amp;#xe6d9;</div>
                    <div class="fontclass">.fatoggleoff</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6da;</i>
                    <div class="name">fa-toggle-on</div>
                    <div class="code">&amp;#xe6da;</div>
                    <div class="fontclass">.fatoggleon</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6db;</i>
                    <div class="name">fa-toggle-right</div>
                    <div class="code">&amp;#xe6db;</div>
                    <div class="fontclass">.fatoggleright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6dc;</i>
                    <div class="name">fa-toggle-up</div>
                    <div class="code">&amp;#xe6dc;</div>
                    <div class="fontclass">.fatoggleup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6dd;</i>
                    <div class="name">fa-trademark</div>
                    <div class="code">&amp;#xe6dd;</div>
                    <div class="fontclass">.fatrademark</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6de;</i>
                    <div class="name">fa-trash</div>
                    <div class="code">&amp;#xe6de;</div>
                    <div class="fontclass">.fatrash</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6df;</i>
                    <div class="name">fa-trash-o</div>
                    <div class="code">&amp;#xe6df;</div>
                    <div class="fontclass">.fatrasho</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e0;</i>
                    <div class="name">fa-volume-off</div>
                    <div class="code">&amp;#xe6e0;</div>
                    <div class="fontclass">.favolumeoff</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e1;</i>
                    <div class="name">fa-trophy</div>
                    <div class="code">&amp;#xe6e1;</div>
                    <div class="fontclass">.fatrophy</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e2;</i>
                    <div class="name">fa-truck</div>
                    <div class="code">&amp;#xe6e2;</div>
                    <div class="fontclass">.fatruck</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e3;</i>
                    <div class="name">fa-tty</div>
                    <div class="code">&amp;#xe6e3;</div>
                    <div class="fontclass">.fatty</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e4;</i>
                    <div class="name">fa-tv</div>
                    <div class="code">&amp;#xe6e4;</div>
                    <div class="fontclass">.fatv</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e5;</i>
                    <div class="name">fa-umbrella</div>
                    <div class="code">&amp;#xe6e5;</div>
                    <div class="fontclass">.faumbrella</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e6;</i>
                    <div class="name">fa-university</div>
                    <div class="code">&amp;#xe6e6;</div>
                    <div class="fontclass">.fauniversity</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e7;</i>
                    <div class="name">fa-unlock</div>
                    <div class="code">&amp;#xe6e7;</div>
                    <div class="fontclass">.faunlock</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e8;</i>
                    <div class="name">fa-unlock-alt</div>
                    <div class="code">&amp;#xe6e8;</div>
                    <div class="fontclass">.faunlockalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6e9;</i>
                    <div class="name">fa-unsorted</div>
                    <div class="code">&amp;#xe6e9;</div>
                    <div class="fontclass">.faunsorted</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ea;</i>
                    <div class="name">fa-upload</div>
                    <div class="code">&amp;#xe6ea;</div>
                    <div class="fontclass">.faupload</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6eb;</i>
                    <div class="name">fa-user</div>
                    <div class="code">&amp;#xe6eb;</div>
                    <div class="fontclass">.fauser</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ec;</i>
                    <div class="name">fa-user-plus</div>
                    <div class="code">&amp;#xe6ec;</div>
                    <div class="fontclass">.fauserplus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ed;</i>
                    <div class="name">fa-users</div>
                    <div class="code">&amp;#xe6ed;</div>
                    <div class="fontclass">.fausers</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ee;</i>
                    <div class="name">fa-user-secret</div>
                    <div class="code">&amp;#xe6ee;</div>
                    <div class="fontclass">.fausersecret</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ef;</i>
                    <div class="name">fa-user-times</div>
                    <div class="code">&amp;#xe6ef;</div>
                    <div class="fontclass">.fausertimes</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f0;</i>
                    <div class="name">fa-video-camera</div>
                    <div class="code">&amp;#xe6f0;</div>
                    <div class="fontclass">.favideocamera</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f1;</i>
                    <div class="name">fa-volume-control-phone</div>
                    <div class="code">&amp;#xe6f1;</div>
                    <div class="fontclass">.favolumecontrolphone</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f2;</i>
                    <div class="name">fa-volume-down</div>
                    <div class="code">&amp;#xe6f2;</div>
                    <div class="fontclass">.favolumedown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f3;</i>
                    <div class="name">fa-wheelchair-alt</div>
                    <div class="code">&amp;#xe6f3;</div>
                    <div class="fontclass">.fawheelchairalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f4;</i>
                    <div class="name">fa-wifi</div>
                    <div class="code">&amp;#xe6f4;</div>
                    <div class="fontclass">.fawifi</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f5;</i>
                    <div class="name">fa-wrench</div>
                    <div class="code">&amp;#xe6f5;</div>
                    <div class="fontclass">.fawrench</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f6;</i>
                    <div class="name">fa-volume-up</div>
                    <div class="code">&amp;#xe6f6;</div>
                    <div class="fontclass">.favolumeup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f7;</i>
                    <div class="name">fa-warning</div>
                    <div class="code">&amp;#xe6f7;</div>
                    <div class="fontclass">.fawarning</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f8;</i>
                    <div class="name">fa-wheelchair</div>
                    <div class="code">&amp;#xe6f8;</div>
                    <div class="fontclass">.fawheelchair</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6f9;</i>
                    <div class="name">align-center</div>
                    <div class="code">&amp;#xe6f9;</div>
                    <div class="fontclass">.aligncenter</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6fa;</i>
                    <div class="name">align-justify</div>
                    <div class="code">&amp;#xe6fa;</div>
                    <div class="fontclass">.alignjustify</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6fb;</i>
                    <div class="name">align-left</div>
                    <div class="code">&amp;#xe6fb;</div>
                    <div class="fontclass">.alignleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6fc;</i>
                    <div class="name">align-right</div>
                    <div class="code">&amp;#xe6fc;</div>
                    <div class="fontclass">.alignright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6fd;</i>
                    <div class="name">angle-double-down</div>
                    <div class="code">&amp;#xe6fd;</div>
                    <div class="fontclass">.angledoubledown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6fe;</i>
                    <div class="name">angle-double-left</div>
                    <div class="code">&amp;#xe6fe;</div>
                    <div class="fontclass">.angledoubleleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe6ff;</i>
                    <div class="name">angle-double-right</div>
                    <div class="code">&amp;#xe6ff;</div>
                    <div class="fontclass">.angledoubleright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe700;</i>
                    <div class="name">angle-double-up</div>
                    <div class="code">&amp;#xe700;</div>
                    <div class="fontclass">.angledoubleup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe701;</i>
                    <div class="name">angle-down</div>
                    <div class="code">&amp;#xe701;</div>
                    <div class="fontclass">.angledown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe702;</i>
                    <div class="name">angle-left</div>
                    <div class="code">&amp;#xe702;</div>
                    <div class="fontclass">.angleleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe703;</i>
                    <div class="name">arrow-circle-down</div>
                    <div class="code">&amp;#xe703;</div>
                    <div class="fontclass">.arrowcircledown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe704;</i>
                    <div class="name">arrow-circle-left</div>
                    <div class="code">&amp;#xe704;</div>
                    <div class="fontclass">.arrowcircleleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe705;</i>
                    <div class="name">arrow-circle-o-down</div>
                    <div class="code">&amp;#xe705;</div>
                    <div class="fontclass">.arrowcircleodown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe706;</i>
                    <div class="name">arrow-circle-o-left</div>
                    <div class="code">&amp;#xe706;</div>
                    <div class="fontclass">.arrowcircleoleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe707;</i>
                    <div class="name">arrow-circle-o-right</div>
                    <div class="code">&amp;#xe707;</div>
                    <div class="fontclass">.arrowcircleoright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe708;</i>
                    <div class="name">arrow-circle-o-up</div>
                    <div class="code">&amp;#xe708;</div>
                    <div class="fontclass">.arrowcircleoup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe709;</i>
                    <div class="name">arrow-circle-right</div>
                    <div class="code">&amp;#xe709;</div>
                    <div class="fontclass">.arrowcircleright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe70a;</i>
                    <div class="name">arrow-circle-up</div>
                    <div class="code">&amp;#xe70a;</div>
                    <div class="fontclass">.arrowcircleup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe70b;</i>
                    <div class="name">arrow-down</div>
                    <div class="code">&amp;#xe70b;</div>
                    <div class="fontclass">.arrowdown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe70c;</i>
                    <div class="name">angle-right</div>
                    <div class="code">&amp;#xe70c;</div>
                    <div class="fontclass">.angleright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe70d;</i>
                    <div class="name">angle-up</div>
                    <div class="code">&amp;#xe70d;</div>
                    <div class="fontclass">.angleup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe70e;</i>
                    <div class="name">area-chart</div>
                    <div class="code">&amp;#xe70e;</div>
                    <div class="fontclass">.areachart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe70f;</i>
                    <div class="name">arrows-alt</div>
                    <div class="code">&amp;#xe70f;</div>
                    <div class="fontclass">.arrowsalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe710;</i>
                    <div class="name">arrows-h</div>
                    <div class="code">&amp;#xe710;</div>
                    <div class="fontclass">.arrowsh</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe711;</i>
                    <div class="name">arrows-v</div>
                    <div class="code">&amp;#xe711;</div>
                    <div class="fontclass">.arrowsv</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe712;</i>
                    <div class="name">arrow-up</div>
                    <div class="code">&amp;#xe712;</div>
                    <div class="fontclass">.arrowup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe713;</i>
                    <div class="name">bar-chart</div>
                    <div class="code">&amp;#xe713;</div>
                    <div class="fontclass">.barchart1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe714;</i>
                    <div class="name">bar-chart-o</div>
                    <div class="code">&amp;#xe714;</div>
                    <div class="fontclass">.barcharto1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe715;</i>
                    <div class="name">bicyle</div>
                    <div class="code">&amp;#xe715;</div>
                    <div class="fontclass">.bicyle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe716;</i>
                    <div class="name">bitcoin</div>
                    <div class="code">&amp;#xe716;</div>
                    <div class="fontclass">.bitcoin</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe717;</i>
                    <div class="name">bold</div>
                    <div class="code">&amp;#xe717;</div>
                    <div class="fontclass">.bold</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe718;</i>
                    <div class="name">arrow-left</div>
                    <div class="code">&amp;#xe718;</div>
                    <div class="fontclass">.arrowleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe719;</i>
                    <div class="name">arrow-right</div>
                    <div class="code">&amp;#xe719;</div>
                    <div class="fontclass">.arrowright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe71a;</i>
                    <div class="name">arrows </div>
                    <div class="code">&amp;#xe71a;</div>
                    <div class="fontclass">.arrows</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe71b;</i>
                    <div class="name">caret-down</div>
                    <div class="code">&amp;#xe71b;</div>
                    <div class="fontclass">.caretdown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe71c;</i>
                    <div class="name">caret-left</div>
                    <div class="code">&amp;#xe71c;</div>
                    <div class="fontclass">.caretleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe71d;</i>
                    <div class="name">caret-right</div>
                    <div class="code">&amp;#xe71d;</div>
                    <div class="fontclass">.caretright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe71e;</i>
                    <div class="name">caret-up</div>
                    <div class="code">&amp;#xe71e;</div>
                    <div class="fontclass">.caretup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe71f;</i>
                    <div class="name">cc-amex</div>
                    <div class="code">&amp;#xe71f;</div>
                    <div class="fontclass">.ccamex</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe720;</i>
                    <div class="name">cc-diners-club</div>
                    <div class="code">&amp;#xe720;</div>
                    <div class="fontclass">.ccdinersclub</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe721;</i>
                    <div class="name">cc-discover</div>
                    <div class="code">&amp;#xe721;</div>
                    <div class="fontclass">.ccdiscover</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe722;</i>
                    <div class="name">cc-jcb</div>
                    <div class="code">&amp;#xe722;</div>
                    <div class="fontclass">.ccjcb</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe723;</i>
                    <div class="name">cc-mastercard</div>
                    <div class="code">&amp;#xe723;</div>
                    <div class="fontclass">.ccmastercard</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe724;</i>
                    <div class="name">btc</div>
                    <div class="code">&amp;#xe724;</div>
                    <div class="fontclass">.btc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe725;</i>
                    <div class="name">bus</div>
                    <div class="code">&amp;#xe725;</div>
                    <div class="fontclass">.bus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe726;</i>
                    <div class="name">cab</div>
                    <div class="code">&amp;#xe726;</div>
                    <div class="fontclass">.cab</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe727;</i>
                    <div class="name">chevron-right</div>
                    <div class="code">&amp;#xe727;</div>
                    <div class="fontclass">.chevronright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe728;</i>
                    <div class="name">chevron-up</div>
                    <div class="code">&amp;#xe728;</div>
                    <div class="fontclass">.chevronup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe729;</i>
                    <div class="name">circle-o-notch</div>
                    <div class="code">&amp;#xe729;</div>
                    <div class="fontclass">.circleonotch1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe72a;</i>
                    <div class="name">clipboard</div>
                    <div class="code">&amp;#xe72a;</div>
                    <div class="fontclass">.clipboard</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe72b;</i>
                    <div class="name">cny</div>
                    <div class="code">&amp;#xe72b;</div>
                    <div class="fontclass">.cny</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe72c;</i>
                    <div class="name">cc-paypal</div>
                    <div class="code">&amp;#xe72c;</div>
                    <div class="fontclass">.ccpaypal</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe72d;</i>
                    <div class="name">cc-stripe</div>
                    <div class="code">&amp;#xe72d;</div>
                    <div class="fontclass">.ccstripe</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe72e;</i>
                    <div class="name">cc-visa</div>
                    <div class="code">&amp;#xe72e;</div>
                    <div class="fontclass">.ccvisa</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe72f;</i>
                    <div class="name">chain</div>
                    <div class="code">&amp;#xe72f;</div>
                    <div class="fontclass">.chain</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe730;</i>
                    <div class="name">chain-broken</div>
                    <div class="code">&amp;#xe730;</div>
                    <div class="fontclass">.chainbroken</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe731;</i>
                    <div class="name">chevron-circle-down</div>
                    <div class="code">&amp;#xe731;</div>
                    <div class="fontclass">.chevroncircledown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe732;</i>
                    <div class="name">chevron-circle-left</div>
                    <div class="code">&amp;#xe732;</div>
                    <div class="fontclass">.chevroncircleleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe733;</i>
                    <div class="name">chevron-circle-right</div>
                    <div class="code">&amp;#xe733;</div>
                    <div class="fontclass">.chevroncircleright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe734;</i>
                    <div class="name">chevron-circle-up</div>
                    <div class="code">&amp;#xe734;</div>
                    <div class="fontclass">.chevroncircleup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe735;</i>
                    <div class="name">chevron-down</div>
                    <div class="code">&amp;#xe735;</div>
                    <div class="fontclass">.chevrondown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe736;</i>
                    <div class="name">chevron-left</div>
                    <div class="code">&amp;#xe736;</div>
                    <div class="fontclass">.chevronleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe737;</i>
                    <div class="name">euro</div>
                    <div class="code">&amp;#xe737;</div>
                    <div class="fontclass">.euro</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe738;</i>
                    <div class="name">cog</div>
                    <div class="code">&amp;#xe738;</div>
                    <div class="fontclass">.cog</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe739;</i>
                    <div class="name">columns</div>
                    <div class="code">&amp;#xe739;</div>
                    <div class="fontclass">.columns</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe73a;</i>
                    <div class="name">copy</div>
                    <div class="code">&amp;#xe73a;</div>
                    <div class="fontclass">.copy</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe73b;</i>
                    <div class="name">credit-card</div>
                    <div class="code">&amp;#xe73b;</div>
                    <div class="fontclass">.creditcard1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe73c;</i>
                    <div class="name">credit-card-alt</div>
                    <div class="code">&amp;#xe73c;</div>
                    <div class="fontclass">.creditcardalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe73d;</i>
                    <div class="name">cut</div>
                    <div class="code">&amp;#xe73d;</div>
                    <div class="fontclass">.cut</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe73e;</i>
                    <div class="name">dedent</div>
                    <div class="code">&amp;#xe73e;</div>
                    <div class="fontclass">.dedent</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe73f;</i>
                    <div class="name">dollar</div>
                    <div class="code">&amp;#xe73f;</div>
                    <div class="fontclass">.dollar</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe740;</i>
                    <div class="name">dot-circle-o</div>
                    <div class="code">&amp;#xe740;</div>
                    <div class="fontclass">.dotcircleo1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe741;</i>
                    <div class="name">eraser</div>
                    <div class="code">&amp;#xe741;</div>
                    <div class="fontclass">.eraser</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe742;</i>
                    <div class="name">eur</div>
                    <div class="code">&amp;#xe742;</div>
                    <div class="fontclass">.eur</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe743;</i>
                    <div class="name">italic</div>
                    <div class="code">&amp;#xe743;</div>
                    <div class="fontclass">.italic</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe744;</i>
                    <div class="name">fighter-jet</div>
                    <div class="code">&amp;#xe744;</div>
                    <div class="fontclass">.fighterjet1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe745;</i>
                    <div class="name">file</div>
                    <div class="code">&amp;#xe745;</div>
                    <div class="fontclass">.file</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe746;</i>
                    <div class="name">file-0</div>
                    <div class="code">&amp;#xe746;</div>
                    <div class="fontclass">.file0</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe747;</i>
                    <div class="name">files-o</div>
                    <div class="code">&amp;#xe747;</div>
                    <div class="fontclass">.fileso</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe748;</i>
                    <div class="name">file-text</div>
                    <div class="code">&amp;#xe748;</div>
                    <div class="fontclass">.filetext</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe749;</i>
                    <div class="name">file-text-o</div>
                    <div class="code">&amp;#xe749;</div>
                    <div class="fontclass">.filetexto</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe74a;</i>
                    <div class="name">floppy-o</div>
                    <div class="code">&amp;#xe74a;</div>
                    <div class="fontclass">.floppyo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe74b;</i>
                    <div class="name">font</div>
                    <div class="code">&amp;#xe74b;</div>
                    <div class="fontclass">.font</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe74c;</i>
                    <div class="name">gbp</div>
                    <div class="code">&amp;#xe74c;</div>
                    <div class="fontclass">.gbp</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe74d;</i>
                    <div class="name">gear</div>
                    <div class="code">&amp;#xe74d;</div>
                    <div class="fontclass">.gear</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe74e;</i>
                    <div class="name">genderless</div>
                    <div class="code">&amp;#xe74e;</div>
                    <div class="fontclass">.genderless1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe74f;</i>
                    <div class="name">google-wallet</div>
                    <div class="code">&amp;#xe74f;</div>
                    <div class="fontclass">.googlewallet</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe750;</i>
                    <div class="name">header</div>
                    <div class="code">&amp;#xe750;</div>
                    <div class="fontclass">.header</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe751;</i>
                    <div class="name">h-large</div>
                    <div class="code">&amp;#xe751;</div>
                    <div class="fontclass">.hlarge</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe752;</i>
                    <div class="name">ils</div>
                    <div class="code">&amp;#xe752;</div>
                    <div class="fontclass">.ils</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe753;</i>
                    <div class="name">inr</div>
                    <div class="code">&amp;#xe753;</div>
                    <div class="fontclass">.inr</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe754;</i>
                    <div class="name">intersex</div>
                    <div class="code">&amp;#xe754;</div>
                    <div class="fontclass">.intersex</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe755;</i>
                    <div class="name">minus-square-o</div>
                    <div class="code">&amp;#xe755;</div>
                    <div class="fontclass">.minussquareo1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe756;</i>
                    <div class="name">jpy</div>
                    <div class="code">&amp;#xe756;</div>
                    <div class="fontclass">.jpy</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe757;</i>
                    <div class="name">krw</div>
                    <div class="code">&amp;#xe757;</div>
                    <div class="fontclass">.krw</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe758;</i>
                    <div class="name">line-chart</div>
                    <div class="code">&amp;#xe758;</div>
                    <div class="fontclass">.linechart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe759;</i>
                    <div class="name">link</div>
                    <div class="code">&amp;#xe759;</div>
                    <div class="fontclass">.link</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe75a;</i>
                    <div class="name">list</div>
                    <div class="code">&amp;#xe75a;</div>
                    <div class="fontclass">.list</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe75b;</i>
                    <div class="name">list-alt</div>
                    <div class="code">&amp;#xe75b;</div>
                    <div class="fontclass">.listalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe75c;</i>
                    <div class="name">list-ol</div>
                    <div class="code">&amp;#xe75c;</div>
                    <div class="fontclass">.listol</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe75d;</i>
                    <div class="name">list-ul</div>
                    <div class="code">&amp;#xe75d;</div>
                    <div class="fontclass">.listul</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe75e;</i>
                    <div class="name">mars</div>
                    <div class="code">&amp;#xe75e;</div>
                    <div class="fontclass">.mars</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe75f;</i>
                    <div class="name">mars-double</div>
                    <div class="code">&amp;#xe75f;</div>
                    <div class="fontclass">.marsdouble</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe760;</i>
                    <div class="name">mars-stroke</div>
                    <div class="code">&amp;#xe760;</div>
                    <div class="fontclass">.marsstroke</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe761;</i>
                    <div class="name">mars-stroke-h</div>
                    <div class="code">&amp;#xe761;</div>
                    <div class="fontclass">.marsstrokeh</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe762;</i>
                    <div class="name">mars-stroke-v</div>
                    <div class="code">&amp;#xe762;</div>
                    <div class="fontclass">.marsstrokev</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe763;</i>
                    <div class="name">mercury</div>
                    <div class="code">&amp;#xe763;</div>
                    <div class="fontclass">.mercury</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe764;</i>
                    <div class="name">minus-square</div>
                    <div class="code">&amp;#xe764;</div>
                    <div class="fontclass">.minussquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe765;</i>
                    <div class="name">paperclip</div>
                    <div class="code">&amp;#xe765;</div>
                    <div class="fontclass">.paperclip</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe766;</i>
                    <div class="name">paragraph</div>
                    <div class="code">&amp;#xe766;</div>
                    <div class="fontclass">.paragraph</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe767;</i>
                    <div class="name">paste</div>
                    <div class="code">&amp;#xe767;</div>
                    <div class="fontclass">.paste</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe768;</i>
                    <div class="name">paypal</div>
                    <div class="code">&amp;#xe768;</div>
                    <div class="fontclass">.paypal</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe769;</i>
                    <div class="name">pie-chart</div>
                    <div class="code">&amp;#xe769;</div>
                    <div class="fontclass">.piechart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe76a;</i>
                    <div class="name">plane</div>
                    <div class="code">&amp;#xe76a;</div>
                    <div class="fontclass">.plane1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe76b;</i>
                    <div class="name">plus-square</div>
                    <div class="code">&amp;#xe76b;</div>
                    <div class="fontclass">.plussquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe76c;</i>
                    <div class="name">plus-square-o</div>
                    <div class="code">&amp;#xe76c;</div>
                    <div class="fontclass">.plussquareo1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe76d;</i>
                    <div class="name">refresh</div>
                    <div class="code">&amp;#xe76d;</div>
                    <div class="fontclass">.refresh</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe76e;</i>
                    <div class="name">motorcycle</div>
                    <div class="code">&amp;#xe76e;</div>
                    <div class="fontclass">.motorcycle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe76f;</i>
                    <div class="name">neuter</div>
                    <div class="code">&amp;#xe76f;</div>
                    <div class="fontclass">.neuter</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe770;</i>
                    <div class="name">outdent</div>
                    <div class="code">&amp;#xe770;</div>
                    <div class="fontclass">.outdent</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe771;</i>
                    <div class="name">spinner</div>
                    <div class="code">&amp;#xe771;</div>
                    <div class="fontclass">.spinner1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe772;</i>
                    <div class="name">repeat</div>
                    <div class="code">&amp;#xe772;</div>
                    <div class="fontclass">.repeat</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe773;</i>
                    <div class="name">rmb</div>
                    <div class="code">&amp;#xe773;</div>
                    <div class="fontclass">.rmb</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe774;</i>
                    <div class="name">rocket</div>
                    <div class="code">&amp;#xe774;</div>
                    <div class="fontclass">.rocket</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe775;</i>
                    <div class="name">rotate-left</div>
                    <div class="code">&amp;#xe775;</div>
                    <div class="fontclass">.rotateleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe776;</i>
                    <div class="name">rotate-right</div>
                    <div class="code">&amp;#xe776;</div>
                    <div class="fontclass">.rotateright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe777;</i>
                    <div class="name">rouble</div>
                    <div class="code">&amp;#xe777;</div>
                    <div class="fontclass">.rouble</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe778;</i>
                    <div class="name">rub</div>
                    <div class="code">&amp;#xe778;</div>
                    <div class="fontclass">.rub</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe779;</i>
                    <div class="name">ruble</div>
                    <div class="code">&amp;#xe779;</div>
                    <div class="fontclass">.ruble</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe77a;</i>
                    <div class="name">rupee</div>
                    <div class="code">&amp;#xe77a;</div>
                    <div class="fontclass">.rupee</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe77b;</i>
                    <div class="name">save</div>
                    <div class="code">&amp;#xe77b;</div>
                    <div class="fontclass">.save</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe77c;</i>
                    <div class="name">scissors</div>
                    <div class="code">&amp;#xe77c;</div>
                    <div class="fontclass">.scissors</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe77d;</i>
                    <div class="name">shekel</div>
                    <div class="code">&amp;#xe77d;</div>
                    <div class="fontclass">.shekel</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe77e;</i>
                    <div class="name">sheqel</div>
                    <div class="code">&amp;#xe77e;</div>
                    <div class="fontclass">.sheqel</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe77f;</i>
                    <div class="name">ship</div>
                    <div class="code">&amp;#xe77f;</div>
                    <div class="fontclass">.ship</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe780;</i>
                    <div class="name">space-shuttle</div>
                    <div class="code">&amp;#xe780;</div>
                    <div class="fontclass">.spaceshuttle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe781;</i>
                    <div class="name">unlink</div>
                    <div class="code">&amp;#xe781;</div>
                    <div class="fontclass">.unlink</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe782;</i>
                    <div class="name">square</div>
                    <div class="code">&amp;#xe782;</div>
                    <div class="fontclass">.square</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe783;</i>
                    <div class="name">square-o</div>
                    <div class="code">&amp;#xe783;</div>
                    <div class="fontclass">.squareo1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe784;</i>
                    <div class="name">strikethrough</div>
                    <div class="code">&amp;#xe784;</div>
                    <div class="fontclass">.strikethrough</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe785;</i>
                    <div class="name">subscript</div>
                    <div class="code">&amp;#xe785;</div>
                    <div class="fontclass">.subscript</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe786;</i>
                    <div class="name">subway</div>
                    <div class="code">&amp;#xe786;</div>
                    <div class="fontclass">.subway</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe787;</i>
                    <div class="name">superscript</div>
                    <div class="code">&amp;#xe787;</div>
                    <div class="fontclass">.superscript</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe788;</i>
                    <div class="name">table</div>
                    <div class="code">&amp;#xe788;</div>
                    <div class="fontclass">.table</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe789;</i>
                    <div class="name">taxi</div>
                    <div class="code">&amp;#xe789;</div>
                    <div class="fontclass">.taxi</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe78a;</i>
                    <div class="name">text-height</div>
                    <div class="code">&amp;#xe78a;</div>
                    <div class="fontclass">.textheight</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe78b;</i>
                    <div class="name">text-width</div>
                    <div class="code">&amp;#xe78b;</div>
                    <div class="fontclass">.textwidth</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe78c;</i>
                    <div class="name">th</div>
                    <div class="code">&amp;#xe78c;</div>
                    <div class="fontclass">.th</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe78d;</i>
                    <div class="name">th-list</div>
                    <div class="code">&amp;#xe78d;</div>
                    <div class="fontclass">.thlist</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe78e;</i>
                    <div class="name">train</div>
                    <div class="code">&amp;#xe78e;</div>
                    <div class="fontclass">.train</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe78f;</i>
                    <div class="name">transgender</div>
                    <div class="code">&amp;#xe78f;</div>
                    <div class="fontclass">.transgender</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe790;</i>
                    <div class="name">transgender-alt</div>
                    <div class="code">&amp;#xe790;</div>
                    <div class="fontclass">.transgenderalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe791;</i>
                    <div class="name">truck</div>
                    <div class="code">&amp;#xe791;</div>
                    <div class="fontclass">.truck</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe792;</i>
                    <div class="name">try</div>
                    <div class="code">&amp;#xe792;</div>
                    <div class="fontclass">.try</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe793;</i>
                    <div class="name">underline</div>
                    <div class="code">&amp;#xe793;</div>
                    <div class="fontclass">.underline</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe794;</i>
                    <div class="name">undo</div>
                    <div class="code">&amp;#xe794;</div>
                    <div class="fontclass">.undo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe795;</i>
                    <div class="name">venus-mars</div>
                    <div class="code">&amp;#xe795;</div>
                    <div class="fontclass">.venusmars</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe796;</i>
                    <div class="name">wheelchair</div>
                    <div class="code">&amp;#xe796;</div>
                    <div class="fontclass">.wheelchair</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe797;</i>
                    <div class="name">wheelchair-alt</div>
                    <div class="code">&amp;#xe797;</div>
                    <div class="fontclass">.wheelchairalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe798;</i>
                    <div class="name">won</div>
                    <div class="code">&amp;#xe798;</div>
                    <div class="fontclass">.won</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe799;</i>
                    <div class="name">yen</div>
                    <div class="code">&amp;#xe799;</div>
                    <div class="fontclass">.yen</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe79a;</i>
                    <div class="name">usd</div>
                    <div class="code">&amp;#xe79a;</div>
                    <div class="fontclass">.usd</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe79b;</i>
                    <div class="name">venus</div>
                    <div class="code">&amp;#xe79b;</div>
                    <div class="fontclass">.venus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe79c;</i>
                    <div class="name">venus-double</div>
                    <div class="code">&amp;#xe79c;</div>
                    <div class="fontclass">.venusdouble</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe79d;</i>
                    <div class="name">ambulance</div>
                    <div class="code">&amp;#xe79d;</div>
                    <div class="fontclass">.ambulance</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe79e;</i>
                    <div class="name">automobile</div>
                    <div class="code">&amp;#xe79e;</div>
                    <div class="fontclass">.automobile</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe79f;</i>
                    <div class="name">hand-o-down</div>
                    <div class="code">&amp;#xe79f;</div>
                    <div class="fontclass">.handodown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a0;</i>
                    <div class="name">hand-o-left</div>
                    <div class="code">&amp;#xe7a0;</div>
                    <div class="fontclass">.handoleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a1;</i>
                    <div class="name">ambulance</div>
                    <div class="code">&amp;#xe7a1;</div>
                    <div class="fontclass">.ambulance1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a2;</i>
                    <div class="name">automobile</div>
                    <div class="code">&amp;#xe7a2;</div>
                    <div class="fontclass">.automobile1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a3;</i>
                    <div class="name">hand-o-down</div>
                    <div class="code">&amp;#xe7a3;</div>
                    <div class="fontclass">.handodown1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a4;</i>
                    <div class="name">hand-o-left</div>
                    <div class="code">&amp;#xe7a4;</div>
                    <div class="fontclass">.handoleft1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a5;</i>
                    <div class="name">hand-o-right</div>
                    <div class="code">&amp;#xe7a5;</div>
                    <div class="fontclass">.handoright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a6;</i>
                    <div class="name">hand-o-up</div>
                    <div class="code">&amp;#xe7a6;</div>
                    <div class="fontclass">.handoup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a7;</i>
                    <div class="name">times-circle</div>
                    <div class="code">&amp;#xe7a7;</div>
                    <div class="fontclass">.timescircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a8;</i>
                    <div class="name">american-sign-language-interpreting</div>
                    <div class="code">&amp;#xe7a8;</div>
                    <div class="fontclass">.americansignlanguageinterpreting</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7a9;</i>
                    <div class="name">asl-interpreting</div>
                    <div class="code">&amp;#xe7a9;</div>
                    <div class="fontclass">.aslinterpreting</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7aa;</i>
                    <div class="name">assistive-listening-systems</div>
                    <div class="code">&amp;#xe7aa;</div>
                    <div class="fontclass">.assistivelisteningsystems</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ab;</i>
                    <div class="name">audio-description</div>
                    <div class="code">&amp;#xe7ab;</div>
                    <div class="fontclass">.audiodescription</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ac;</i>
                    <div class="name">blind</div>
                    <div class="code">&amp;#xe7ac;</div>
                    <div class="fontclass">.blind</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ad;</i>
                    <div class="name">braille</div>
                    <div class="code">&amp;#xe7ad;</div>
                    <div class="fontclass">.braille</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ae;</i>
                    <div class="name">cc</div>
                    <div class="code">&amp;#xe7ae;</div>
                    <div class="fontclass">.cc1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7af;</i>
                    <div class="name">deaf</div>
                    <div class="code">&amp;#xe7af;</div>
                    <div class="fontclass">.deaf</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b0;</i>
                    <div class="name">deafness</div>
                    <div class="code">&amp;#xe7b0;</div>
                    <div class="fontclass">.deafness</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b1;</i>
                    <div class="name">hard-of-hearing</div>
                    <div class="code">&amp;#xe7b1;</div>
                    <div class="fontclass">.hardofhearing</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b2;</i>
                    <div class="name">low-vision</div>
                    <div class="code">&amp;#xe7b2;</div>
                    <div class="fontclass">.lowvision</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b3;</i>
                    <div class="name">question-circle</div>
                    <div class="code">&amp;#xe7b3;</div>
                    <div class="fontclass">.questioncircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b4;</i>
                    <div class="name">signing</div>
                    <div class="code">&amp;#xe7b4;</div>
                    <div class="fontclass">.signing1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b5;</i>
                    <div class="name">sign-language</div>
                    <div class="code">&amp;#xe7b5;</div>
                    <div class="fontclass">.signlanguage</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b6;</i>
                    <div class="name">tty</div>
                    <div class="code">&amp;#xe7b6;</div>
                    <div class="fontclass">.tty</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b7;</i>
                    <div class="name">times-circle-o</div>
                    <div class="code">&amp;#xe7b7;</div>
                    <div class="fontclass">.timescircleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b8;</i>
                    <div class="name">tint</div>
                    <div class="code">&amp;#xe7b8;</div>
                    <div class="fontclass">.tint</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7b9;</i>
                    <div class="name">toggle-down</div>
                    <div class="code">&amp;#xe7b9;</div>
                    <div class="fontclass">.toggledown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ba;</i>
                    <div class="name">toggle-left</div>
                    <div class="code">&amp;#xe7ba;</div>
                    <div class="fontclass">.toggleleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7bb;</i>
                    <div class="name">toggle-off</div>
                    <div class="code">&amp;#xe7bb;</div>
                    <div class="fontclass">.toggleoff</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7bc;</i>
                    <div class="name">toggle-on</div>
                    <div class="code">&amp;#xe7bc;</div>
                    <div class="fontclass">.toggleon</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7bd;</i>
                    <div class="name">toggle-right</div>
                    <div class="code">&amp;#xe7bd;</div>
                    <div class="fontclass">.toggleright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7be;</i>
                    <div class="name">toggle-up</div>
                    <div class="code">&amp;#xe7be;</div>
                    <div class="fontclass">.toggleup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7bf;</i>
                    <div class="name">trademark</div>
                    <div class="code">&amp;#xe7bf;</div>
                    <div class="fontclass">.trademark1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c0;</i>
                    <div class="name">trash</div>
                    <div class="code">&amp;#xe7c0;</div>
                    <div class="fontclass">.trash</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c1;</i>
                    <div class="name">trash-o</div>
                    <div class="code">&amp;#xe7c1;</div>
                    <div class="fontclass">.trasho</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c2;</i>
                    <div class="name">tree</div>
                    <div class="code">&amp;#xe7c2;</div>
                    <div class="fontclass">.tree</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c3;</i>
                    <div class="name">trophy</div>
                    <div class="code">&amp;#xe7c3;</div>
                    <div class="fontclass">.trophy</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c4;</i>
                    <div class="name">truck</div>
                    <div class="code">&amp;#xe7c4;</div>
                    <div class="fontclass">.truck1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c5;</i>
                    <div class="name">wheelchair</div>
                    <div class="code">&amp;#xe7c5;</div>
                    <div class="fontclass">.wheelchair1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c6;</i>
                    <div class="name">tv</div>
                    <div class="code">&amp;#xe7c6;</div>
                    <div class="fontclass">.tv1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c7;</i>
                    <div class="name">umbrella</div>
                    <div class="code">&amp;#xe7c7;</div>
                    <div class="fontclass">.umbrella</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c8;</i>
                    <div class="name">university</div>
                    <div class="code">&amp;#xe7c8;</div>
                    <div class="fontclass">.university</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7c9;</i>
                    <div class="name">unlock</div>
                    <div class="code">&amp;#xe7c9;</div>
                    <div class="fontclass">.unlock</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ca;</i>
                    <div class="name">unlock-alt</div>
                    <div class="code">&amp;#xe7ca;</div>
                    <div class="fontclass">.unlockalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7cb;</i>
                    <div class="name">unsorted</div>
                    <div class="code">&amp;#xe7cb;</div>
                    <div class="fontclass">.unsorted</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7cc;</i>
                    <div class="name">upload</div>
                    <div class="code">&amp;#xe7cc;</div>
                    <div class="fontclass">.upload</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7cd;</i>
                    <div class="name">user</div>
                    <div class="code">&amp;#xe7cd;</div>
                    <div class="fontclass">.user</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ce;</i>
                    <div class="name">user-plus</div>
                    <div class="code">&amp;#xe7ce;</div>
                    <div class="fontclass">.userplus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7cf;</i>
                    <div class="name">users</div>
                    <div class="code">&amp;#xe7cf;</div>
                    <div class="fontclass">.users</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d0;</i>
                    <div class="name">user-secret</div>
                    <div class="code">&amp;#xe7d0;</div>
                    <div class="fontclass">.usersecret</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d1;</i>
                    <div class="name">user-times</div>
                    <div class="code">&amp;#xe7d1;</div>
                    <div class="fontclass">.usertimes</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d2;</i>
                    <div class="name">video-camera</div>
                    <div class="code">&amp;#xe7d2;</div>
                    <div class="fontclass">.videocamera</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d3;</i>
                    <div class="name">volume-control-phone</div>
                    <div class="code">&amp;#xe7d3;</div>
                    <div class="fontclass">.volumecontrolphone</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d4;</i>
                    <div class="name">volume-down</div>
                    <div class="code">&amp;#xe7d4;</div>
                    <div class="fontclass">.volumedown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d5;</i>
                    <div class="name">volume-off</div>
                    <div class="code">&amp;#xe7d5;</div>
                    <div class="fontclass">.volumeoff</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d6;</i>
                    <div class="name">volume-up</div>
                    <div class="code">&amp;#xe7d6;</div>
                    <div class="fontclass">.volumeup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d7;</i>
                    <div class="name">warning</div>
                    <div class="code">&amp;#xe7d7;</div>
                    <div class="fontclass">.warning</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d8;</i>
                    <div class="name">wrench</div>
                    <div class="code">&amp;#xe7d8;</div>
                    <div class="fontclass">.wrench</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7d9;</i>
                    <div class="name">wheelchair-alt</div>
                    <div class="code">&amp;#xe7d9;</div>
                    <div class="fontclass">.wheelchairalt1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7da;</i>
                    <div class="name">wifi</div>
                    <div class="code">&amp;#xe7da;</div>
                    <div class="fontclass">.wifi</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7db;</i>
                    <div class="name">500px</div>
                    <div class="code">&amp;#xe7db;</div>
                    <div class="fontclass">.500px</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7dc;</i>
                    <div class="name">adn</div>
                    <div class="code">&amp;#xe7dc;</div>
                    <div class="fontclass">.adn</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7dd;</i>
                    <div class="name">amazon</div>
                    <div class="code">&amp;#xe7dd;</div>
                    <div class="fontclass">.amazon1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7de;</i>
                    <div class="name">android</div>
                    <div class="code">&amp;#xe7de;</div>
                    <div class="fontclass">.android</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7df;</i>
                    <div class="name">angellist</div>
                    <div class="code">&amp;#xe7df;</div>
                    <div class="fontclass">.angellist</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e0;</i>
                    <div class="name">apple</div>
                    <div class="code">&amp;#xe7e0;</div>
                    <div class="fontclass">.apple</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e1;</i>
                    <div class="name">backward</div>
                    <div class="code">&amp;#xe7e1;</div>
                    <div class="fontclass">.backward</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e2;</i>
                    <div class="name">behance</div>
                    <div class="code">&amp;#xe7e2;</div>
                    <div class="fontclass">.behance</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e3;</i>
                    <div class="name">behance-square</div>
                    <div class="code">&amp;#xe7e3;</div>
                    <div class="fontclass">.behancesquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e4;</i>
                    <div class="name">forward</div>
                    <div class="code">&amp;#xe7e4;</div>
                    <div class="fontclass">.forward</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e5;</i>
                    <div class="name">itbucket-square</div>
                    <div class="code">&amp;#xe7e5;</div>
                    <div class="fontclass">.itbucketsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e6;</i>
                    <div class="name">long-arrow-down</div>
                    <div class="code">&amp;#xe7e6;</div>
                    <div class="fontclass">.longarrowdown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e7;</i>
                    <div class="name">long-arrow-left</div>
                    <div class="code">&amp;#xe7e7;</div>
                    <div class="fontclass">.longarrowleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e8;</i>
                    <div class="name">long-arrow-right</div>
                    <div class="code">&amp;#xe7e8;</div>
                    <div class="fontclass">.longarrowright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7e9;</i>
                    <div class="name">long-arrow-up</div>
                    <div class="code">&amp;#xe7e9;</div>
                    <div class="fontclass">.longarrowup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ea;</i>
                    <div class="name">pause</div>
                    <div class="code">&amp;#xe7ea;</div>
                    <div class="fontclass">.pause</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7eb;</i>
                    <div class="name">pause-circle</div>
                    <div class="code">&amp;#xe7eb;</div>
                    <div class="fontclass">.pausecircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ec;</i>
                    <div class="name">pause-circle-o</div>
                    <div class="code">&amp;#xe7ec;</div>
                    <div class="fontclass">.pausecircleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ed;</i>
                    <div class="name">bitbucket</div>
                    <div class="code">&amp;#xe7ed;</div>
                    <div class="fontclass">.bitbucket</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ee;</i>
                    <div class="name">bitcoin</div>
                    <div class="code">&amp;#xe7ee;</div>
                    <div class="fontclass">.bitcoin1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ef;</i>
                    <div class="name">black-tie</div>
                    <div class="code">&amp;#xe7ef;</div>
                    <div class="fontclass">.blacktie</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f0;</i>
                    <div class="name">bluetooth</div>
                    <div class="code">&amp;#xe7f0;</div>
                    <div class="fontclass">.bluetooth</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f1;</i>
                    <div class="name">bluetooth-b</div>
                    <div class="code">&amp;#xe7f1;</div>
                    <div class="fontclass">.bluetoothb</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f2;</i>
                    <div class="name">compress</div>
                    <div class="code">&amp;#xe7f2;</div>
                    <div class="fontclass">.compress</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f3;</i>
                    <div class="name">eject</div>
                    <div class="code">&amp;#xe7f3;</div>
                    <div class="fontclass">.eject</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f4;</i>
                    <div class="name">exchange</div>
                    <div class="code">&amp;#xe7f4;</div>
                    <div class="fontclass">.exchange</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f5;</i>
                    <div class="name">expand</div>
                    <div class="code">&amp;#xe7f5;</div>
                    <div class="fontclass">.expand</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f6;</i>
                    <div class="name">fast-backward</div>
                    <div class="code">&amp;#xe7f6;</div>
                    <div class="fontclass">.fastbackward</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f7;</i>
                    <div class="name">fast-forward</div>
                    <div class="code">&amp;#xe7f7;</div>
                    <div class="fontclass">.fastforward</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f8;</i>
                    <div class="name">play</div>
                    <div class="code">&amp;#xe7f8;</div>
                    <div class="fontclass">.play</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7f9;</i>
                    <div class="name">play-circle</div>
                    <div class="code">&amp;#xe7f9;</div>
                    <div class="fontclass">.playcircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7fa;</i>
                    <div class="name">play-circle-o</div>
                    <div class="code">&amp;#xe7fa;</div>
                    <div class="fontclass">.playcircleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7fb;</i>
                    <div class="name">random</div>
                    <div class="code">&amp;#xe7fb;</div>
                    <div class="fontclass">.random</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7fc;</i>
                    <div class="name">step-backward</div>
                    <div class="code">&amp;#xe7fc;</div>
                    <div class="fontclass">.stepbackward</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7fd;</i>
                    <div class="name">step-forward</div>
                    <div class="code">&amp;#xe7fd;</div>
                    <div class="fontclass">.stepforward</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7fe;</i>
                    <div class="name">stop</div>
                    <div class="code">&amp;#xe7fe;</div>
                    <div class="fontclass">.stop</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe7ff;</i>
                    <div class="name">stop-circle</div>
                    <div class="code">&amp;#xe7ff;</div>
                    <div class="fontclass">.stopcircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe800;</i>
                    <div class="name">stop-circle-o</div>
                    <div class="code">&amp;#xe800;</div>
                    <div class="fontclass">.stopcircleo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe801;</i>
                    <div class="name">youtube-play</div>
                    <div class="code">&amp;#xe801;</div>
                    <div class="fontclass">.youtubeplay</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe802;</i>
                    <div class="name">buysellads</div>
                    <div class="code">&amp;#xe802;</div>
                    <div class="fontclass">.buysellads</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe803;</i>
                    <div class="name">cc-amex</div>
                    <div class="code">&amp;#xe803;</div>
                    <div class="fontclass">.ccamex1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe804;</i>
                    <div class="name">cc-discover</div>
                    <div class="code">&amp;#xe804;</div>
                    <div class="fontclass">.ccdiscover1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe805;</i>
                    <div class="name">codepen</div>
                    <div class="code">&amp;#xe805;</div>
                    <div class="fontclass">.codepen</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe806;</i>
                    <div class="name">codiepie</div>
                    <div class="code">&amp;#xe806;</div>
                    <div class="fontclass">.codiepie</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe807;</i>
                    <div class="name">connectdevelop</div>
                    <div class="code">&amp;#xe807;</div>
                    <div class="fontclass">.connectdevelop</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe808;</i>
                    <div class="name">contao</div>
                    <div class="code">&amp;#xe808;</div>
                    <div class="fontclass">.contao</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe809;</i>
                    <div class="name">css3</div>
                    <div class="code">&amp;#xe809;</div>
                    <div class="fontclass">.css3</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe80a;</i>
                    <div class="name">dashcube</div>
                    <div class="code">&amp;#xe80a;</div>
                    <div class="fontclass">.dashcube</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe80b;</i>
                    <div class="name">delicious</div>
                    <div class="code">&amp;#xe80b;</div>
                    <div class="fontclass">.delicious</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe80c;</i>
                    <div class="name">deviantart</div>
                    <div class="code">&amp;#xe80c;</div>
                    <div class="fontclass">.deviantart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe80d;</i>
                    <div class="name">digg</div>
                    <div class="code">&amp;#xe80d;</div>
                    <div class="fontclass">.digg</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe80e;</i>
                    <div class="name">btc</div>
                    <div class="code">&amp;#xe80e;</div>
                    <div class="fontclass">.btc1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe80f;</i>
                    <div class="name">dribbble</div>
                    <div class="code">&amp;#xe80f;</div>
                    <div class="fontclass">.dribbble</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe810;</i>
                    <div class="name">dropbox</div>
                    <div class="code">&amp;#xe810;</div>
                    <div class="fontclass">.dropbox</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe811;</i>
                    <div class="name">drupal</div>
                    <div class="code">&amp;#xe811;</div>
                    <div class="fontclass">.drupal</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe812;</i>
                    <div class="name">edge</div>
                    <div class="code">&amp;#xe812;</div>
                    <div class="fontclass">.edge</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe813;</i>
                    <div class="name">empire</div>
                    <div class="code">&amp;#xe813;</div>
                    <div class="fontclass">.empire</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe814;</i>
                    <div class="name">envira</div>
                    <div class="code">&amp;#xe814;</div>
                    <div class="fontclass">.envira</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe815;</i>
                    <div class="name">expeditedssl</div>
                    <div class="code">&amp;#xe815;</div>
                    <div class="fontclass">.expeditedssl</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe816;</i>
                    <div class="name">fa</div>
                    <div class="code">&amp;#xe816;</div>
                    <div class="fontclass">.fa</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe817;</i>
                    <div class="name">facebook</div>
                    <div class="code">&amp;#xe817;</div>
                    <div class="fontclass">.facebook</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe818;</i>
                    <div class="name">facebook-f</div>
                    <div class="code">&amp;#xe818;</div>
                    <div class="fontclass">.facebookf</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe819;</i>
                    <div class="name">facebook-official</div>
                    <div class="code">&amp;#xe819;</div>
                    <div class="fontclass">.facebookofficial</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe81a;</i>
                    <div class="name">facebook-square</div>
                    <div class="code">&amp;#xe81a;</div>
                    <div class="fontclass">.facebooksquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe81b;</i>
                    <div class="name">firefox</div>
                    <div class="code">&amp;#xe81b;</div>
                    <div class="fontclass">.firefox</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe81c;</i>
                    <div class="name">first-order</div>
                    <div class="code">&amp;#xe81c;</div>
                    <div class="fontclass">.firstorder</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe81d;</i>
                    <div class="name">flickr</div>
                    <div class="code">&amp;#xe81d;</div>
                    <div class="fontclass">.flickr</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe81e;</i>
                    <div class="name">font-awesome</div>
                    <div class="code">&amp;#xe81e;</div>
                    <div class="fontclass">.fontawesome</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe81f;</i>
                    <div class="name">fonticons</div>
                    <div class="code">&amp;#xe81f;</div>
                    <div class="fontclass">.fonticons</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe820;</i>
                    <div class="name">google-plus</div>
                    <div class="code">&amp;#xe820;</div>
                    <div class="fontclass">.googleplus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe821;</i>
                    <div class="name">fort-awesome</div>
                    <div class="code">&amp;#xe821;</div>
                    <div class="fontclass">.fortawesome</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe822;</i>
                    <div class="name">forumbee</div>
                    <div class="code">&amp;#xe822;</div>
                    <div class="fontclass">.forumbee</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe823;</i>
                    <div class="name">foursquare</div>
                    <div class="code">&amp;#xe823;</div>
                    <div class="fontclass">.foursquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe824;</i>
                    <div class="name">ge</div>
                    <div class="code">&amp;#xe824;</div>
                    <div class="fontclass">.ge</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe825;</i>
                    <div class="name">get-pocket </div>
                    <div class="code">&amp;#xe825;</div>
                    <div class="fontclass">.getpocket</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe826;</i>
                    <div class="name">gg-circle</div>
                    <div class="code">&amp;#xe826;</div>
                    <div class="fontclass">.ggcircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe827;</i>
                    <div class="name">git</div>
                    <div class="code">&amp;#xe827;</div>
                    <div class="fontclass">.git</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe828;</i>
                    <div class="name">github</div>
                    <div class="code">&amp;#xe828;</div>
                    <div class="fontclass">.github</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe829;</i>
                    <div class="name">github-alt</div>
                    <div class="code">&amp;#xe829;</div>
                    <div class="fontclass">.githubalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe82a;</i>
                    <div class="name">github-square</div>
                    <div class="code">&amp;#xe82a;</div>
                    <div class="fontclass">.githubsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe82b;</i>
                    <div class="name">gitlab</div>
                    <div class="code">&amp;#xe82b;</div>
                    <div class="fontclass">.gitlab</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe82c;</i>
                    <div class="name">git-square</div>
                    <div class="code">&amp;#xe82c;</div>
                    <div class="fontclass">.gitsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe82d;</i>
                    <div class="name">gittip</div>
                    <div class="code">&amp;#xe82d;</div>
                    <div class="fontclass">.gittip</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe82e;</i>
                    <div class="name">glide</div>
                    <div class="code">&amp;#xe82e;</div>
                    <div class="fontclass">.glide</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe82f;</i>
                    <div class="name">glide-g</div>
                    <div class="code">&amp;#xe82f;</div>
                    <div class="fontclass">.glideg</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe830;</i>
                    <div class="name">google</div>
                    <div class="code">&amp;#xe830;</div>
                    <div class="fontclass">.google</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe831;</i>
                    <div class="name">linkedin-square</div>
                    <div class="code">&amp;#xe831;</div>
                    <div class="fontclass">.linkedinsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe832;</i>
                    <div class="name">google-plus-circle</div>
                    <div class="code">&amp;#xe832;</div>
                    <div class="fontclass">.googlepluscircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe833;</i>
                    <div class="name">google-plus-official</div>
                    <div class="code">&amp;#xe833;</div>
                    <div class="fontclass">.googleplusofficial</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe834;</i>
                    <div class="name">google-plus-square</div>
                    <div class="code">&amp;#xe834;</div>
                    <div class="fontclass">.googleplussquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe835;</i>
                    <div class="name">google-wallet</div>
                    <div class="code">&amp;#xe835;</div>
                    <div class="fontclass">.googlewallet1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe836;</i>
                    <div class="name">gratipay</div>
                    <div class="code">&amp;#xe836;</div>
                    <div class="fontclass">.gratipay</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe837;</i>
                    <div class="name">hacker-news</div>
                    <div class="code">&amp;#xe837;</div>
                    <div class="fontclass">.hackernews</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe838;</i>
                    <div class="name">houzz</div>
                    <div class="code">&amp;#xe838;</div>
                    <div class="fontclass">.houzz</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe839;</i>
                    <div class="name">html5</div>
                    <div class="code">&amp;#xe839;</div>
                    <div class="fontclass">.html5</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe83a;</i>
                    <div class="name">instagram</div>
                    <div class="code">&amp;#xe83a;</div>
                    <div class="fontclass">.instagram</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe83b;</i>
                    <div class="name">internet-explorer</div>
                    <div class="code">&amp;#xe83b;</div>
                    <div class="fontclass">.internetexplorer</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe83c;</i>
                    <div class="name">ioxhost</div>
                    <div class="code">&amp;#xe83c;</div>
                    <div class="fontclass">.ioxhost</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe83d;</i>
                    <div class="name">joomla</div>
                    <div class="code">&amp;#xe83d;</div>
                    <div class="fontclass">.joomla</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe83e;</i>
                    <div class="name">jsfiddle</div>
                    <div class="code">&amp;#xe83e;</div>
                    <div class="fontclass">.jsfiddle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe83f;</i>
                    <div class="name">lastfm</div>
                    <div class="code">&amp;#xe83f;</div>
                    <div class="fontclass">.lastfm</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe840;</i>
                    <div class="name">lastfm-square</div>
                    <div class="code">&amp;#xe840;</div>
                    <div class="fontclass">.lastfmsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe841;</i>
                    <div class="name">leanpub</div>
                    <div class="code">&amp;#xe841;</div>
                    <div class="fontclass">.leanpub</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe842;</i>
                    <div class="name">linkedin</div>
                    <div class="code">&amp;#xe842;</div>
                    <div class="fontclass">.linkedin</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe843;</i>
                    <div class="name">linux</div>
                    <div class="code">&amp;#xe843;</div>
                    <div class="fontclass">.linux</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe844;</i>
                    <div class="name">maxcdn</div>
                    <div class="code">&amp;#xe844;</div>
                    <div class="fontclass">.maxcdn</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe845;</i>
                    <div class="name">meanpath</div>
                    <div class="code">&amp;#xe845;</div>
                    <div class="fontclass">.meanpath</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe846;</i>
                    <div class="name">medium</div>
                    <div class="code">&amp;#xe846;</div>
                    <div class="fontclass">.medium</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe847;</i>
                    <div class="name">mixcloud</div>
                    <div class="code">&amp;#xe847;</div>
                    <div class="fontclass">.mixcloud</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe848;</i>
                    <div class="name">modx</div>
                    <div class="code">&amp;#xe848;</div>
                    <div class="fontclass">.modx</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe849;</i>
                    <div class="name">openid</div>
                    <div class="code">&amp;#xe849;</div>
                    <div class="fontclass">.openid</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe84a;</i>
                    <div class="name">pagelines</div>
                    <div class="code">&amp;#xe84a;</div>
                    <div class="fontclass">.pagelines</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe84b;</i>
                    <div class="name">pied-piper-alt </div>
                    <div class="code">&amp;#xe84b;</div>
                    <div class="fontclass">.piedpiperalt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe84c;</i>
                    <div class="name">pied-piper-pp</div>
                    <div class="code">&amp;#xe84c;</div>
                    <div class="fontclass">.piedpiperpp</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe84d;</i>
                    <div class="name">product-hunt</div>
                    <div class="code">&amp;#xe84d;</div>
                    <div class="fontclass">.producthunt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe84e;</i>
                    <div class="name">qq</div>
                    <div class="code">&amp;#xe84e;</div>
                    <div class="fontclass">.qq</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe84f;</i>
                    <div class="name">pinterest</div>
                    <div class="code">&amp;#xe84f;</div>
                    <div class="fontclass">.pinterest</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe850;</i>
                    <div class="name">product-hunt</div>
                    <div class="code">&amp;#xe850;</div>
                    <div class="fontclass">.producthunt1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe851;</i>
                    <div class="name">pinterest-p</div>
                    <div class="code">&amp;#xe851;</div>
                    <div class="fontclass">.pinterestp</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe852;</i>
                    <div class="name">pinterest-square</div>
                    <div class="code">&amp;#xe852;</div>
                    <div class="fontclass">.pinterestsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe853;</i>
                    <div class="name">pied-piper</div>
                    <div class="code">&amp;#xe853;</div>
                    <div class="fontclass">.piedpiper</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe854;</i>
                    <div class="name">reddit-alien</div>
                    <div class="code">&amp;#xe854;</div>
                    <div class="fontclass">.redditalien</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe855;</i>
                    <div class="name">renren</div>
                    <div class="code">&amp;#xe855;</div>
                    <div class="fontclass">.renren</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe856;</i>
                    <div class="name">safari</div>
                    <div class="code">&amp;#xe856;</div>
                    <div class="fontclass">.safari</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe857;</i>
                    <div class="name">scribd</div>
                    <div class="code">&amp;#xe857;</div>
                    <div class="fontclass">.scribd</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe858;</i>
                    <div class="name">share-alt</div>
                    <div class="code">&amp;#xe858;</div>
                    <div class="fontclass">.sharealt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe859;</i>
                    <div class="name">share-alt-square</div>
                    <div class="code">&amp;#xe859;</div>
                    <div class="fontclass">.sharealtsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe85a;</i>
                    <div class="name">shirtsinbulk</div>
                    <div class="code">&amp;#xe85a;</div>
                    <div class="fontclass">.shirtsinbulk</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe85b;</i>
                    <div class="name">simplybuilt</div>
                    <div class="code">&amp;#xe85b;</div>
                    <div class="fontclass">.simplybuilt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe85c;</i>
                    <div class="name">skyatlas</div>
                    <div class="code">&amp;#xe85c;</div>
                    <div class="fontclass">.skyatlas</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe85d;</i>
                    <div class="name">skype</div>
                    <div class="code">&amp;#xe85d;</div>
                    <div class="fontclass">.skype</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe85e;</i>
                    <div class="name">slack</div>
                    <div class="code">&amp;#xe85e;</div>
                    <div class="fontclass">.slack</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe85f;</i>
                    <div class="name">ra</div>
                    <div class="code">&amp;#xe85f;</div>
                    <div class="fontclass">.ra</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe860;</i>
                    <div class="name">rebel</div>
                    <div class="code">&amp;#xe860;</div>
                    <div class="fontclass">.rebel</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe861;</i>
                    <div class="name">reddit</div>
                    <div class="code">&amp;#xe861;</div>
                    <div class="fontclass">.reddit</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe862;</i>
                    <div class="name">resistance</div>
                    <div class="code">&amp;#xe862;</div>
                    <div class="fontclass">.resistance</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe863;</i>
                    <div class="name">sellsy</div>
                    <div class="code">&amp;#xe863;</div>
                    <div class="fontclass">.sellsy</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe864;</i>
                    <div class="name">steam</div>
                    <div class="code">&amp;#xe864;</div>
                    <div class="fontclass">.steam</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe865;</i>
                    <div class="name">steam-square</div>
                    <div class="code">&amp;#xe865;</div>
                    <div class="fontclass">.steamsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe866;</i>
                    <div class="name">slideshare</div>
                    <div class="code">&amp;#xe866;</div>
                    <div class="fontclass">.slideshare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe867;</i>
                    <div class="name">snapchat</div>
                    <div class="code">&amp;#xe867;</div>
                    <div class="fontclass">.snapchat</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe868;</i>
                    <div class="name">snapchat-ghost</div>
                    <div class="code">&amp;#xe868;</div>
                    <div class="fontclass">.snapchatghost</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe869;</i>
                    <div class="name">soundcloud</div>
                    <div class="code">&amp;#xe869;</div>
                    <div class="fontclass">.soundcloud</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe86a;</i>
                    <div class="name">spotify</div>
                    <div class="code">&amp;#xe86a;</div>
                    <div class="fontclass">.spotify</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe86b;</i>
                    <div class="name">stack-exchange</div>
                    <div class="code">&amp;#xe86b;</div>
                    <div class="fontclass">.stackexchange</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe86c;</i>
                    <div class="name">stack-overflow</div>
                    <div class="code">&amp;#xe86c;</div>
                    <div class="fontclass">.stackoverflow</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe86d;</i>
                    <div class="name">snapchat-square</div>
                    <div class="code">&amp;#xe86d;</div>
                    <div class="fontclass">.snapchatsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe86e;</i>
                    <div class="name">stumbleupon</div>
                    <div class="code">&amp;#xe86e;</div>
                    <div class="fontclass">.stumbleupon</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe86f;</i>
                    <div class="name">stumbleupon-circle</div>
                    <div class="code">&amp;#xe86f;</div>
                    <div class="fontclass">.stumbleuponcircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe870;</i>
                    <div class="name">tencent-weibo</div>
                    <div class="code">&amp;#xe870;</div>
                    <div class="fontclass">.tencentweibo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe871;</i>
                    <div class="name">themeisle</div>
                    <div class="code">&amp;#xe871;</div>
                    <div class="fontclass">.themeisle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe872;</i>
                    <div class="name">trello</div>
                    <div class="code">&amp;#xe872;</div>
                    <div class="fontclass">.trello</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe873;</i>
                    <div class="name">tripadvisor</div>
                    <div class="code">&amp;#xe873;</div>
                    <div class="fontclass">.tripadvisor1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe874;</i>
                    <div class="name">tumblr</div>
                    <div class="code">&amp;#xe874;</div>
                    <div class="fontclass">.tumblr</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe875;</i>
                    <div class="name">tumblr-square</div>
                    <div class="code">&amp;#xe875;</div>
                    <div class="fontclass">.tumblrsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe876;</i>
                    <div class="name">twitch</div>
                    <div class="code">&amp;#xe876;</div>
                    <div class="fontclass">.twitch</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe877;</i>
                    <div class="name">twitter</div>
                    <div class="code">&amp;#xe877;</div>
                    <div class="fontclass">.twitter</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe878;</i>
                    <div class="name">twitter-square</div>
                    <div class="code">&amp;#xe878;</div>
                    <div class="fontclass">.twittersquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe879;</i>
                    <div class="name">usb</div>
                    <div class="code">&amp;#xe879;</div>
                    <div class="fontclass">.usb</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe87a;</i>
                    <div class="name">viacoin</div>
                    <div class="code">&amp;#xe87a;</div>
                    <div class="fontclass">.viacoin</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe87b;</i>
                    <div class="name">viadeo</div>
                    <div class="code">&amp;#xe87b;</div>
                    <div class="fontclass">.viadeo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe87c;</i>
                    <div class="name">viadeo-square</div>
                    <div class="code">&amp;#xe87c;</div>
                    <div class="fontclass">.viadeosquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe87d;</i>
                    <div class="name">vimeo</div>
                    <div class="code">&amp;#xe87d;</div>
                    <div class="fontclass">.vimeo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe87e;</i>
                    <div class="name">vimeo-square</div>
                    <div class="code">&amp;#xe87e;</div>
                    <div class="fontclass">.vimeosquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe87f;</i>
                    <div class="name">wikipedia-w [</div>
                    <div class="code">&amp;#xe87f;</div>
                    <div class="fontclass">.wikipediaw1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe880;</i>
                    <div class="name">ambulance</div>
                    <div class="code">&amp;#xe880;</div>
                    <div class="fontclass">.ambulance2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe881;</i>
                    <div class="name">combinator-square</div>
                    <div class="code">&amp;#xe881;</div>
                    <div class="fontclass">.combinatorsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe882;</i>
                    <div class="name">heart</div>
                    <div class="code">&amp;#xe882;</div>
                    <div class="fontclass">.heart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe883;</i>
                    <div class="name">heartbeat</div>
                    <div class="code">&amp;#xe883;</div>
                    <div class="fontclass">.heartbeat</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe884;</i>
                    <div class="name">heart-o</div>
                    <div class="code">&amp;#xe884;</div>
                    <div class="fontclass">.hearto1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe885;</i>
                    <div class="name">hospital-o</div>
                    <div class="code">&amp;#xe885;</div>
                    <div class="fontclass">.hospitalo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe886;</i>
                    <div class="name">h-square</div>
                    <div class="code">&amp;#xe886;</div>
                    <div class="fontclass">.hsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe887;</i>
                    <div class="name">medkit</div>
                    <div class="code">&amp;#xe887;</div>
                    <div class="fontclass">.medkit</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe888;</i>
                    <div class="name">plus-square</div>
                    <div class="code">&amp;#xe888;</div>
                    <div class="fontclass">.plussquare1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe889;</i>
                    <div class="name">stethoscope</div>
                    <div class="code">&amp;#xe889;</div>
                    <div class="fontclass">.stethoscope</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe88a;</i>
                    <div class="name">user-md</div>
                    <div class="code">&amp;#xe88a;</div>
                    <div class="fontclass">.usermd</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe88b;</i>
                    <div class="name">vine </div>
                    <div class="code">&amp;#xe88b;</div>
                    <div class="fontclass">.vine</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe88c;</i>
                    <div class="name">vk</div>
                    <div class="code">&amp;#xe88c;</div>
                    <div class="fontclass">.vk</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe88d;</i>
                    <div class="name">wechat</div>
                    <div class="code">&amp;#xe88d;</div>
                    <div class="fontclass">.wechat</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe88e;</i>
                    <div class="name">weibo</div>
                    <div class="code">&amp;#xe88e;</div>
                    <div class="fontclass">.weibo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe88f;</i>
                    <div class="name">weixin</div>
                    <div class="code">&amp;#xe88f;</div>
                    <div class="fontclass">.weixin</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe890;</i>
                    <div class="name">whatsapp</div>
                    <div class="code">&amp;#xe890;</div>
                    <div class="fontclass">.whatsapp</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe891;</i>
                    <div class="name">wheelchair</div>
                    <div class="code">&amp;#xe891;</div>
                    <div class="fontclass">.wheelchair2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe892;</i>
                    <div class="name">wheelchair-alt</div>
                    <div class="code">&amp;#xe892;</div>
                    <div class="fontclass">.wheelchairalt2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe893;</i>
                    <div class="name">windows</div>
                    <div class="code">&amp;#xe893;</div>
                    <div class="fontclass">.windows</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe894;</i>
                    <div class="name">wordpress</div>
                    <div class="code">&amp;#xe894;</div>
                    <div class="fontclass">.wordpress</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe895;</i>
                    <div class="name">wpbeginner</div>
                    <div class="code">&amp;#xe895;</div>
                    <div class="fontclass">.wpbeginner</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe896;</i>
                    <div class="name">wpforms</div>
                    <div class="code">&amp;#xe896;</div>
                    <div class="fontclass">.wpforms</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe897;</i>
                    <div class="name">xing</div>
                    <div class="code">&amp;#xe897;</div>
                    <div class="fontclass">.xing</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe898;</i>
                    <div class="name">xing-square</div>
                    <div class="code">&amp;#xe898;</div>
                    <div class="fontclass">.xingsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe899;</i>
                    <div class="name">yahoo</div>
                    <div class="code">&amp;#xe899;</div>
                    <div class="fontclass">.yahoo</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe89a;</i>
                    <div class="name">yc</div>
                    <div class="code">&amp;#xe89a;</div>
                    <div class="fontclass">.yc</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe89b;</i>
                    <div class="name">y-combinator</div>
                    <div class="code">&amp;#xe89b;</div>
                    <div class="fontclass">.ycombinator</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe89c;</i>
                    <div class="name">yc-square</div>
                    <div class="code">&amp;#xe89c;</div>
                    <div class="fontclass">.ycsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe89d;</i>
                    <div class="name">yelp</div>
                    <div class="code">&amp;#xe89d;</div>
                    <div class="fontclass">.yelp</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe89e;</i>
                    <div class="name">yoast</div>
                    <div class="code">&amp;#xe89e;</div>
                    <div class="fontclass">.yoast</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe89f;</i>
                    <div class="name">youtube</div>
                    <div class="code">&amp;#xe89f;</div>
                    <div class="fontclass">.youtube</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a0;</i>
                    <div class="name">youtube-play</div>
                    <div class="code">&amp;#xe8a0;</div>
                    <div class="fontclass">.youtubeplay1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a1;</i>
                    <div class="name">youtube-square</div>
                    <div class="code">&amp;#xe8a1;</div>
                    <div class="fontclass">.youtubesquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a2;</i>
                    <div class="name">cc-jcb</div>
                    <div class="code">&amp;#xe8a2;</div>
                    <div class="fontclass">.ccjcb1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a3;</i>
                    <div class="name">chrome</div>
                    <div class="code">&amp;#xe8a3;</div>
                    <div class="fontclass">.chrome</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a4;</i>
                    <div class="name">commenting</div>
                    <div class="code">&amp;#xe8a4;</div>
                    <div class="fontclass">.commenting</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a5;</i>
                    <div class="name">contao</div>
                    <div class="code">&amp;#xe8a5;</div>
                    <div class="fontclass">.contao1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a6;</i>
                    <div class="name">expeditedssl</div>
                    <div class="code">&amp;#xe8a6;</div>
                    <div class="fontclass">.expeditedssl1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a7;</i>
                    <div class="name">firefox</div>
                    <div class="code">&amp;#xe8a7;</div>
                    <div class="fontclass">.firefox1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a8;</i>
                    <div class="name">fonticons</div>
                    <div class="code">&amp;#xe8a8;</div>
                    <div class="fontclass">.fonticons1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8a9;</i>
                    <div class="name">get-pocket</div>
                    <div class="code">&amp;#xe8a9;</div>
                    <div class="fontclass">.getpocket1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8aa;</i>
                    <div class="name">houzz</div>
                    <div class="code">&amp;#xe8aa;</div>
                    <div class="fontclass">.houzz1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ab;</i>
                    <div class="name">industry</div>
                    <div class="code">&amp;#xe8ab;</div>
                    <div class="fontclass">.industry</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ac;</i>
                    <div class="name">internet-explorer</div>
                    <div class="code">&amp;#xe8ac;</div>
                    <div class="fontclass">.internetexplorer1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ad;</i>
                    <div class="name">map</div>
                    <div class="code">&amp;#xe8ad;</div>
                    <div class="fontclass">.map</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ae;</i>
                    <div class="name">map-pin</div>
                    <div class="code">&amp;#xe8ae;</div>
                    <div class="fontclass">.mappin</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8af;</i>
                    <div class="name">black-tie</div>
                    <div class="code">&amp;#xe8af;</div>
                    <div class="fontclass">.blacktie1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b0;</i>
                    <div class="name">cc-diners-club</div>
                    <div class="code">&amp;#xe8b0;</div>
                    <div class="fontclass">.ccdinersclub1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b1;</i>
                    <div class="name">mouse-pointer</div>
                    <div class="code">&amp;#xe8b1;</div>
                    <div class="fontclass">.mousepointer</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b2;</i>
                    <div class="name">map-signs</div>
                    <div class="code">&amp;#xe8b2;</div>
                    <div class="fontclass">.mapsigns</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b3;</i>
                    <div class="name">bomb</div>
                    <div class="code">&amp;#xe8b3;</div>
                    <div class="fontclass">.bomb</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b4;</i>
                    <div class="name">adjust</div>
                    <div class="code">&amp;#xe8b4;</div>
                    <div class="fontclass">.adjust</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b5;</i>
                    <div class="name">anchor</div>
                    <div class="code">&amp;#xe8b5;</div>
                    <div class="fontclass">.anchor</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b6;</i>
                    <div class="name">archive</div>
                    <div class="code">&amp;#xe8b6;</div>
                    <div class="fontclass">.archive</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b7;</i>
                    <div class="name">area-chart</div>
                    <div class="code">&amp;#xe8b7;</div>
                    <div class="fontclass">.areachart1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b8;</i>
                    <div class="name">arrows</div>
                    <div class="code">&amp;#xe8b8;</div>
                    <div class="fontclass">.arrows1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8b9;</i>
                    <div class="name">arrows-h</div>
                    <div class="code">&amp;#xe8b9;</div>
                    <div class="fontclass">.arrowsh1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ba;</i>
                    <div class="name">arrows-v</div>
                    <div class="code">&amp;#xe8ba;</div>
                    <div class="fontclass">.arrowsv1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8bb;</i>
                    <div class="name">asterisk</div>
                    <div class="code">&amp;#xe8bb;</div>
                    <div class="fontclass">.asterisk</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8bc;</i>
                    <div class="name">automobile</div>
                    <div class="code">&amp;#xe8bc;</div>
                    <div class="fontclass">.automobile2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8bd;</i>
                    <div class="name">ban</div>
                    <div class="code">&amp;#xe8bd;</div>
                    <div class="fontclass">.ban</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8be;</i>
                    <div class="name">bank</div>
                    <div class="code">&amp;#xe8be;</div>
                    <div class="fontclass">.bank</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8bf;</i>
                    <div class="name">bed</div>
                    <div class="code">&amp;#xe8bf;</div>
                    <div class="fontclass">.bed</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c0;</i>
                    <div class="name">beer</div>
                    <div class="code">&amp;#xe8c0;</div>
                    <div class="fontclass">.beer</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c1;</i>
                    <div class="name">bell</div>
                    <div class="code">&amp;#xe8c1;</div>
                    <div class="fontclass">.bell</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c2;</i>
                    <div class="name">bell-slash</div>
                    <div class="code">&amp;#xe8c2;</div>
                    <div class="fontclass">.bellslash</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c3;</i>
                    <div class="name">binoculars</div>
                    <div class="code">&amp;#xe8c3;</div>
                    <div class="fontclass">.binoculars</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c4;</i>
                    <div class="name">birthday-cake</div>
                    <div class="code">&amp;#xe8c4;</div>
                    <div class="fontclass">.birthdaycake</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c5;</i>
                    <div class="name">bolt</div>
                    <div class="code">&amp;#xe8c5;</div>
                    <div class="fontclass">.bolt</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c6;</i>
                    <div class="name">opera</div>
                    <div class="code">&amp;#xe8c6;</div>
                    <div class="fontclass">.opera</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c7;</i>
                    <div class="name">safari</div>
                    <div class="code">&amp;#xe8c7;</div>
                    <div class="fontclass">.safari1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c8;</i>
                    <div class="name">sticky-note</div>
                    <div class="code">&amp;#xe8c8;</div>
                    <div class="fontclass">.stickynote</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8c9;</i>
                    <div class="name">vimeo</div>
                    <div class="code">&amp;#xe8c9;</div>
                    <div class="fontclass">.vimeo1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ca;</i>
                    <div class="name">yc</div>
                    <div class="code">&amp;#xe8ca;</div>
                    <div class="fontclass">.yc1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8cb;</i>
                    <div class="name">y-combinator</div>
                    <div class="code">&amp;#xe8cb;</div>
                    <div class="fontclass">.ycombinator1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8cc;</i>
                    <div class="name">y-combinator-square</div>
                    <div class="code">&amp;#xe8cc;</div>
                    <div class="fontclass">.ycombinatorsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8cd;</i>
                    <div class="name">book</div>
                    <div class="code">&amp;#xe8cd;</div>
                    <div class="fontclass">.book</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ce;</i>
                    <div class="name">odnoklassniki</div>
                    <div class="code">&amp;#xe8ce;</div>
                    <div class="fontclass">.odnoklassniki</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8cf;</i>
                    <div class="name">odnoklassniki-square</div>
                    <div class="code">&amp;#xe8cf;</div>
                    <div class="fontclass">.odnoklassnikisquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d0;</i>
                    <div class="name">check-square</div>
                    <div class="code">&amp;#xe8d0;</div>
                    <div class="fontclass">.checksquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d1;</i>
                    <div class="name">child</div>
                    <div class="code">&amp;#xe8d1;</div>
                    <div class="fontclass">.child</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d2;</i>
                    <div class="name">circle</div>
                    <div class="code">&amp;#xe8d2;</div>
                    <div class="fontclass">.circle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d3;</i>
                    <div class="name">cloud</div>
                    <div class="code">&amp;#xe8d3;</div>
                    <div class="fontclass">.cloud</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d4;</i>
                    <div class="name">cloud-download</div>
                    <div class="code">&amp;#xe8d4;</div>
                    <div class="fontclass">.clouddownload</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d5;</i>
                    <div class="name">cloud-upload</div>
                    <div class="code">&amp;#xe8d5;</div>
                    <div class="fontclass">.cloudupload</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d6;</i>
                    <div class="name">bookmark</div>
                    <div class="code">&amp;#xe8d6;</div>
                    <div class="fontclass">.bookmark</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d7;</i>
                    <div class="name">briefcase</div>
                    <div class="code">&amp;#xe8d7;</div>
                    <div class="fontclass">.briefcase</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d8;</i>
                    <div class="name">bug</div>
                    <div class="code">&amp;#xe8d8;</div>
                    <div class="fontclass">.bug</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8d9;</i>
                    <div class="name">building</div>
                    <div class="code">&amp;#xe8d9;</div>
                    <div class="fontclass">.building</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8da;</i>
                    <div class="name">bullhorn</div>
                    <div class="code">&amp;#xe8da;</div>
                    <div class="fontclass">.bullhorn1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8db;</i>
                    <div class="name">bus</div>
                    <div class="code">&amp;#xe8db;</div>
                    <div class="fontclass">.bus1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8dc;</i>
                    <div class="name">cab</div>
                    <div class="code">&amp;#xe8dc;</div>
                    <div class="fontclass">.cab1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8dd;</i>
                    <div class="name">calculator</div>
                    <div class="code">&amp;#xe8dd;</div>
                    <div class="fontclass">.calculator</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8de;</i>
                    <div class="name">camera</div>
                    <div class="code">&amp;#xe8de;</div>
                    <div class="fontclass">.camera</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8df;</i>
                    <div class="name">camera-retro</div>
                    <div class="code">&amp;#xe8df;</div>
                    <div class="fontclass">.cameraretro</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e0;</i>
                    <div class="name">car</div>
                    <div class="code">&amp;#xe8e0;</div>
                    <div class="fontclass">.car</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e1;</i>
                    <div class="name">cart-arrow-down</div>
                    <div class="code">&amp;#xe8e1;</div>
                    <div class="fontclass">.cartarrowdown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e2;</i>
                    <div class="name">cart-plus</div>
                    <div class="code">&amp;#xe8e2;</div>
                    <div class="fontclass">.cartplus</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e3;</i>
                    <div class="name">check-circle</div>
                    <div class="code">&amp;#xe8e3;</div>
                    <div class="fontclass">.checkcircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e4;</i>
                    <div class="name">envelope</div>
                    <div class="code">&amp;#xe8e4;</div>
                    <div class="fontclass">.envelope</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e5;</i>
                    <div class="name">envelope-square</div>
                    <div class="code">&amp;#xe8e5;</div>
                    <div class="fontclass">.envelopesquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e6;</i>
                    <div class="name">eraser</div>
                    <div class="code">&amp;#xe8e6;</div>
                    <div class="fontclass">.eraser1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e7;</i>
                    <div class="name">exchange</div>
                    <div class="code">&amp;#xe8e7;</div>
                    <div class="fontclass">.exchange1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e8;</i>
                    <div class="name">exclamation-circle</div>
                    <div class="code">&amp;#xe8e8;</div>
                    <div class="fontclass">.exclamationcircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8e9;</i>
                    <div class="name">exclamation-triangle</div>
                    <div class="code">&amp;#xe8e9;</div>
                    <div class="fontclass">.exclamationtriangle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ea;</i>
                    <div class="name">external-link-square</div>
                    <div class="code">&amp;#xe8ea;</div>
                    <div class="fontclass">.externallinksquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8eb;</i>
                    <div class="name">fax</div>
                    <div class="code">&amp;#xe8eb;</div>
                    <div class="fontclass">.fax</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ec;</i>
                    <div class="name">fire-extinguisher</div>
                    <div class="code">&amp;#xe8ec;</div>
                    <div class="fontclass">.fireextinguisher</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ed;</i>
                    <div class="name">cog</div>
                    <div class="code">&amp;#xe8ed;</div>
                    <div class="fontclass">.cog1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ee;</i>
                    <div class="name">cogs</div>
                    <div class="code">&amp;#xe8ee;</div>
                    <div class="fontclass">.cogs</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ef;</i>
                    <div class="name">comment</div>
                    <div class="code">&amp;#xe8ef;</div>
                    <div class="fontclass">.comment</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f0;</i>
                    <div class="name">commenting</div>
                    <div class="code">&amp;#xe8f0;</div>
                    <div class="fontclass">.commenting1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f1;</i>
                    <div class="name">comments</div>
                    <div class="code">&amp;#xe8f1;</div>
                    <div class="fontclass">.comments</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f2;</i>
                    <div class="name">cutlery</div>
                    <div class="code">&amp;#xe8f2;</div>
                    <div class="fontclass">.cutlery</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f3;</i>
                    <div class="name">dashboard</div>
                    <div class="code">&amp;#xe8f3;</div>
                    <div class="fontclass">.dashboard</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f4;</i>
                    <div class="name">download</div>
                    <div class="code">&amp;#xe8f4;</div>
                    <div class="fontclass">.download</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f5;</i>
                    <div class="name">ellipsis-h</div>
                    <div class="code">&amp;#xe8f5;</div>
                    <div class="fontclass">.ellipsish</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f6;</i>
                    <div class="name">ellipsis-v</div>
                    <div class="code">&amp;#xe8f6;</div>
                    <div class="fontclass">.ellipsisv</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f7;</i>
                    <div class="name">industry</div>
                    <div class="code">&amp;#xe8f7;</div>
                    <div class="fontclass">.industry1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f8;</i>
                    <div class="name">flash</div>
                    <div class="code">&amp;#xe8f8;</div>
                    <div class="fontclass">.flash</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8f9;</i>
                    <div class="name">gamepad</div>
                    <div class="code">&amp;#xe8f9;</div>
                    <div class="fontclass">.gamepad</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8fa;</i>
                    <div class="name">gavel</div>
                    <div class="code">&amp;#xe8fa;</div>
                    <div class="fontclass">.gavel</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8fb;</i>
                    <div class="name">gear</div>
                    <div class="code">&amp;#xe8fb;</div>
                    <div class="fontclass">.gear1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8fc;</i>
                    <div class="name">gears</div>
                    <div class="code">&amp;#xe8fc;</div>
                    <div class="fontclass">.gears</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8fd;</i>
                    <div class="name">gift</div>
                    <div class="code">&amp;#xe8fd;</div>
                    <div class="fontclass">.gift</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8fe;</i>
                    <div class="name">glass</div>
                    <div class="code">&amp;#xe8fe;</div>
                    <div class="fontclass">.glass</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe8ff;</i>
                    <div class="name">globe</div>
                    <div class="code">&amp;#xe8ff;</div>
                    <div class="fontclass">.globe</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe900;</i>
                    <div class="name">graduation-cap</div>
                    <div class="code">&amp;#xe900;</div>
                    <div class="fontclass">.graduationcap</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe901;</i>
                    <div class="name">group</div>
                    <div class="code">&amp;#xe901;</div>
                    <div class="fontclass">.group</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe902;</i>
                    <div class="name">heart</div>
                    <div class="code">&amp;#xe902;</div>
                    <div class="fontclass">.heart1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe903;</i>
                    <div class="name">heartbeat</div>
                    <div class="code">&amp;#xe903;</div>
                    <div class="fontclass">.heartbeat1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe904;</i>
                    <div class="name">home</div>
                    <div class="code">&amp;#xe904;</div>
                    <div class="fontclass">.home</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe905;</i>
                    <div class="name">hotel</div>
                    <div class="code">&amp;#xe905;</div>
                    <div class="fontclass">.hotel</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe906;</i>
                    <div class="name">flag</div>
                    <div class="code">&amp;#xe906;</div>
                    <div class="fontclass">.flag</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe907;</i>
                    <div class="name">folder-open</div>
                    <div class="code">&amp;#xe907;</div>
                    <div class="fontclass">.folderopen</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe908;</i>
                    <div class="name">folder</div>
                    <div class="code">&amp;#xe908;</div>
                    <div class="fontclass">.folder</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe909;</i>
                    <div class="name">key</div>
                    <div class="code">&amp;#xe909;</div>
                    <div class="fontclass">.key</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe90a;</i>
                    <div class="name">leaf</div>
                    <div class="code">&amp;#xe90a;</div>
                    <div class="fontclass">.leaf</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe90b;</i>
                    <div class="name">legal</div>
                    <div class="code">&amp;#xe90b;</div>
                    <div class="fontclass">.legal</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe90c;</i>
                    <div class="name">life-bouy</div>
                    <div class="code">&amp;#xe90c;</div>
                    <div class="fontclass">.lifebouy</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe90d;</i>
                    <div class="name">life-buoy</div>
                    <div class="code">&amp;#xe90d;</div>
                    <div class="fontclass">.lifebuoy</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe90e;</i>
                    <div class="name">life-ring</div>
                    <div class="code">&amp;#xe90e;</div>
                    <div class="fontclass">.lifering</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe90f;</i>
                    <div class="name">life-saver</div>
                    <div class="code">&amp;#xe90f;</div>
                    <div class="fontclass">.lifesaver</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe910;</i>
                    <div class="name">info</div>
                    <div class="code">&amp;#xe910;</div>
                    <div class="fontclass">.info</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe911;</i>
                    <div class="name">info-circle</div>
                    <div class="code">&amp;#xe911;</div>
                    <div class="fontclass">.infocircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe912;</i>
                    <div class="name">institution</div>
                    <div class="code">&amp;#xe912;</div>
                    <div class="fontclass">.institution</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe913;</i>
                    <div class="name">industry</div>
                    <div class="code">&amp;#xe913;</div>
                    <div class="fontclass">.industry2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe914;</i>
                    <div class="name">map-marker</div>
                    <div class="code">&amp;#xe914;</div>
                    <div class="fontclass">.mapmarker</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe915;</i>
                    <div class="name">microphone</div>
                    <div class="code">&amp;#xe915;</div>
                    <div class="fontclass">.microphone</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe916;</i>
                    <div class="name">microphone-slash</div>
                    <div class="code">&amp;#xe916;</div>
                    <div class="fontclass">.microphoneslash</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe917;</i>
                    <div class="name">minus-circle</div>
                    <div class="code">&amp;#xe917;</div>
                    <div class="fontclass">.minuscircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe918;</i>
                    <div class="name">minus-square</div>
                    <div class="code">&amp;#xe918;</div>
                    <div class="fontclass">.minussquare1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe919;</i>
                    <div class="name">motorcycle</div>
                    <div class="code">&amp;#xe919;</div>
                    <div class="fontclass">.motorcycle1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe91a;</i>
                    <div class="name">mouse-pointer</div>
                    <div class="code">&amp;#xe91a;</div>
                    <div class="fontclass">.mousepointer1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe91b;</i>
                    <div class="name">music</div>
                    <div class="code">&amp;#xe91b;</div>
                    <div class="fontclass">.music</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe91c;</i>
                    <div class="name">paint-brush</div>
                    <div class="code">&amp;#xe91c;</div>
                    <div class="fontclass">.paintbrush</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe91d;</i>
                    <div class="name">line-chart</div>
                    <div class="code">&amp;#xe91d;</div>
                    <div class="fontclass">.linechart1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe91e;</i>
                    <div class="name">magic</div>
                    <div class="code">&amp;#xe91e;</div>
                    <div class="fontclass">.magic</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe91f;</i>
                    <div class="name">magnet</div>
                    <div class="code">&amp;#xe91f;</div>
                    <div class="fontclass">.magnet</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe920;</i>
                    <div class="name">mail-forward</div>
                    <div class="code">&amp;#xe920;</div>
                    <div class="fontclass">.mailforward</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe921;</i>
                    <div class="name">mail-reply</div>
                    <div class="code">&amp;#xe921;</div>
                    <div class="fontclass">.mailreply</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe922;</i>
                    <div class="name">mail-reply-all</div>
                    <div class="code">&amp;#xe922;</div>
                    <div class="fontclass">.mailreplyall</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe923;</i>
                    <div class="name">recycle</div>
                    <div class="code">&amp;#xe923;</div>
                    <div class="fontclass">.recycle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe924;</i>
                    <div class="name">paper-plane</div>
                    <div class="code">&amp;#xe924;</div>
                    <div class="fontclass">.paperplane</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe925;</i>
                    <div class="name">pencil</div>
                    <div class="code">&amp;#xe925;</div>
                    <div class="fontclass">.pencil</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe926;</i>
                    <div class="name">pencil-square</div>
                    <div class="code">&amp;#xe926;</div>
                    <div class="fontclass">.pencilsquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe927;</i>
                    <div class="name">phone</div>
                    <div class="code">&amp;#xe927;</div>
                    <div class="fontclass">.phone</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe928;</i>
                    <div class="name">phone-square</div>
                    <div class="code">&amp;#xe928;</div>
                    <div class="fontclass">.phonesquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe929;</i>
                    <div class="name">pie-chart</div>
                    <div class="code">&amp;#xe929;</div>
                    <div class="fontclass">.piechart1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe92a;</i>
                    <div class="name">plus-circle</div>
                    <div class="code">&amp;#xe92a;</div>
                    <div class="fontclass">.pluscircle</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe92b;</i>
                    <div class="name">plus-square</div>
                    <div class="code">&amp;#xe92b;</div>
                    <div class="fontclass">.plussquare2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe92c;</i>
                    <div class="name">print</div>
                    <div class="code">&amp;#xe92c;</div>
                    <div class="fontclass">.print</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe92d;</i>
                    <div class="name">puzzle-piece</div>
                    <div class="code">&amp;#xe92d;</div>
                    <div class="fontclass">.puzzlepiece</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe92e;</i>
                    <div class="name">question</div>
                    <div class="code">&amp;#xe92e;</div>
                    <div class="fontclass">.question</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe92f;</i>
                    <div class="name">question-circle</div>
                    <div class="code">&amp;#xe92f;</div>
                    <div class="fontclass">.questioncircle1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe930;</i>
                    <div class="name">quote-left</div>
                    <div class="code">&amp;#xe930;</div>
                    <div class="fontclass">.quoteleft</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe931;</i>
                    <div class="name">quote-right</div>
                    <div class="code">&amp;#xe931;</div>
                    <div class="fontclass">.quoteright</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe932;</i>
                    <div class="name">random</div>
                    <div class="code">&amp;#xe932;</div>
                    <div class="fontclass">.random1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe933;</i>
                    <div class="name">rocket</div>
                    <div class="code">&amp;#xe933;</div>
                    <div class="fontclass">.rocket1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe934;</i>
                    <div class="name">refresh</div>
                    <div class="code">&amp;#xe934;</div>
                    <div class="fontclass">.refresh1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe935;</i>
                    <div class="name">retweet</div>
                    <div class="code">&amp;#xe935;</div>
                    <div class="fontclass">.retweet</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe936;</i>
                    <div class="name">road</div>
                    <div class="code">&amp;#xe936;</div>
                    <div class="fontclass">.road</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe937;</i>
                    <div class="name">share-alt-square</div>
                    <div class="code">&amp;#xe937;</div>
                    <div class="fontclass">.sharealtsquare1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe938;</i>
                    <div class="name">share-square</div>
                    <div class="code">&amp;#xe938;</div>
                    <div class="fontclass">.sharesquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe939;</i>
                    <div class="name">ship</div>
                    <div class="code">&amp;#xe939;</div>
                    <div class="fontclass">.ship1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe93a;</i>
                    <div class="name">shopping-bag</div>
                    <div class="code">&amp;#xe93a;</div>
                    <div class="fontclass">.shoppingbag</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe93b;</i>
                    <div class="name">shopping-basket</div>
                    <div class="code">&amp;#xe93b;</div>
                    <div class="fontclass">.shoppingbasket</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe93c;</i>
                    <div class="name">shopping-cart</div>
                    <div class="code">&amp;#xe93c;</div>
                    <div class="fontclass">.shoppingcart</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe93d;</i>
                    <div class="name">signal</div>
                    <div class="code">&amp;#xe93d;</div>
                    <div class="fontclass">.signal1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe93e;</i>
                    <div class="name">sign-in</div>
                    <div class="code">&amp;#xe93e;</div>
                    <div class="fontclass">.signin</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe93f;</i>
                    <div class="name">signing</div>
                    <div class="code">&amp;#xe93f;</div>
                    <div class="fontclass">.signing2</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe940;</i>
                    <div class="name">rss-square</div>
                    <div class="code">&amp;#xe940;</div>
                    <div class="fontclass">.rsssquare</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe941;</i>
                    <div class="name">share-alt</div>
                    <div class="code">&amp;#xe941;</div>
                    <div class="fontclass">.sharealt1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe942;</i>
                    <div class="name">tags</div>
                    <div class="code">&amp;#xe942;</div>
                    <div class="fontclass">.tags</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe943;</i>
                    <div class="name">taxi</div>
                    <div class="code">&amp;#xe943;</div>
                    <div class="fontclass">.taxi1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe944;</i>
                    <div class="name">thumbs-down</div>
                    <div class="code">&amp;#xe944;</div>
                    <div class="fontclass">.thumbsdown</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe945;</i>
                    <div class="name">thumbs-up</div>
                    <div class="code">&amp;#xe945;</div>
                    <div class="fontclass">.thumbsup</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe946;</i>
                    <div class="name">thumb-tack</div>
                    <div class="code">&amp;#xe946;</div>
                    <div class="fontclass">.thumbtack</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe947;</i>
                    <div class="name">ticket</div>
                    <div class="code">&amp;#xe947;</div>
                    <div class="fontclass">.ticket</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe948;</i>
                    <div class="name">sign-out</div>
                    <div class="code">&amp;#xe948;</div>
                    <div class="fontclass">.signout</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe949;</i>
                    <div class="name">sliders</div>
                    <div class="code">&amp;#xe949;</div>
                    <div class="fontclass">.sliders</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe94a;</i>
                    <div class="name">sort</div>
                    <div class="code">&amp;#xe94a;</div>
                    <div class="fontclass">.sort</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe94b;</i>
                    <div class="name">space-shuttle</div>
                    <div class="code">&amp;#xe94b;</div>
                    <div class="fontclass">.spaceshuttle1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe94c;</i>
                    <div class="name">square</div>
                    <div class="code">&amp;#xe94c;</div>
                    <div class="fontclass">.square1</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe94d;</i>
                    <div class="name">star</div>
                    <div class="code">&amp;#xe94d;</div>
                    <div class="fontclass">.star</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe94e;</i>
                    <div class="name">star-half</div>
                    <div class="code">&amp;#xe94e;</div>
                    <div class="fontclass">.starhalf</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe94f;</i>
                    <div class="name">suitcase</div>
                    <div class="code">&amp;#xe94f;</div>
                    <div class="fontclass">.suitcase</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe950;</i>
                    <div class="name">tachometer</div>
                    <div class="code">&amp;#xe950;</div>
                    <div class="fontclass">.tachometer</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe951;</i>
                    <div class="name">tag</div>
                    <div class="code">&amp;#xe951;</div>
                    <div class="fontclass">.tag</div>
                </li>
            
                <li>
                <i class="icon fa">&#xe952;</i>
                    <div class="name">universal-access</div>
                    <div class="code">&amp;#xe952;</div>
                    <div class="fontclass">.universalaccess</div>
                </li>
            
        </ul>


    </div>
</body>
</html>
